定位（position、left、right、top、bottom、z-index）
盒子模型（display、float、width、height、margin、padding、border、border-radius）
排印（font、color、background、line-height、text-align）
由於定位可以從正常的文件流中移除元素，並且還能覆蓋盒模型相關的樣式，因此排在首位。而盒模型決定了元件的尺寸和位置，所以排第二位。排印只是影響元素的細節樣式變化，所以放第三位。
屬性順序規範
html 屬性應該按照特定的順序出現以保證易讀性，而且一致的屬性順序可能提公升 1.5% 的 gzip 壓縮率
class
id, name
data-*
...classes 是為高可復用元件設計的，所以他們處在第一位。ids 更加具體而且應該盡量少使用（例如, 頁內書籤），所以他們處在第二位。
前端編碼規範
從一篇文章上 前端編碼規範 摘取了自己還沒形成習慣的點 好的規範寫法 html語法 1.用兩個空格來代表製表符 tab 這是唯一能保證在所有 環境下獲得一致展現的方法 2.對於屬性的定義，確保全部使用雙引號，絕不要使用單引號 3.不要在自閉合元素的尾部新增斜線 屬性順序 html屬性應當按照以下給出...
規範 前端編碼規範 注釋規範
頂部新增檔案申明資訊，包括檔案描述 原始作者，如果有更新，則需要新增更新內容 更新作者和更新時間。description 說明文字 author 張三 description 說明文字 author 張三 update 更新內容 by 李四 2013 04 13 18 32 無論是單行注釋還是多行注...
web前端編碼規範
web前端編碼規範 本文摘至bootstrap中文網中bootstrap編碼規範中常用部分，詳細請檢視bootstrap編碼規範 1.html 2.css 相關的屬性宣告應當歸為一組，並按照下面的順序排列 positioning box model typographic visual 單行規則宣告...