html和css書寫規範

2022-09-02 07:06:07 字數 462 閱讀 8753

不去完全按照某個書寫順序來寫。但我們應該養成良好的習慣,讓看**的人更易理解。易讀對於團隊協作來說是非常重要的:**

1. 框架為先,細節次之。

比如寫乙個浮動容器的樣式,我們應該先讓這個容器的框架被渲染出來,讓大家看到基本的 **框架。然後再再去渲染容器裡面的內容。最終呈現給使用者. 通常像 color font padding 之類的,寫在後面。

.selector

2.有因才有果。

.thepic

我們應該是先將 span 變成」塊級元素「,再將文字 indent。而不是先 indent 再變成塊級 的。

又如我們,如果想讓乙個 span 使用 margin, 那麼我們應該這樣寫:

span

而非margin-bottom先行,因為沒有 display 之前,行內元素是沒有 margin 的。

CSS 書寫規範

本文是參考了css森林中的規範,並結合之前幾個專案積累所書寫的乙個基本規範。不敢說是原創,所以鄭重感謝一下css森林。同時,本文件也處於持續改進中。1.基本 css檔案中,選擇器書寫按照 標籤 標籤偽類 id 類 覆蓋 排序,同一型別寫在一起 進行覆蓋時,也按照這樣乙個順序。css定義中,屬性的書寫...

css書寫規範

1.位置屬性 position,top,right,z index,display,float等 2.大小 width,height,padding,margin 3.文字系列 font,line height,letter spacing,color text align等 4.背景 backgr...

css書寫規範

1.位置屬性 position,top,right,z index,display,float等 2.大小 width,height,padding,margin 3.文字系列 font,line height,letter spacing,color text align等 4.背景 backgr...