從一篇文章上
前端編碼規範
摘取了自己還沒形成習慣的點
好的規範寫法：
html語法：
1.用兩個空格來代表製表符(tab),這是唯一能保證在所有
環境下獲得一致展現的方法
2.對於屬性的定義，確保全部使用雙引號，絕不要使用單引號
3.不要在自閉合元素的尾部新增斜線
屬性順序：
html屬性應當按照以下給出的順序依次排列，確保**的
可讀性1.class(用於標識高度復用元件)
2.id（用於標識具體元件，應該謹慎使用）,name
3.data-*
4.src,for,type,href
5.title,alt
6.aria-*,role
css語法：
1.為了獲得更準確的錯誤報告，每條宣告都應該獨佔一行
/* bad css */
.selector, .selector-secondary, .selector[type=text]
/* good css */
.selector,
.selector-secondary,
.selector[type="text"]
2.為選擇器中的屬性新增雙引號，為了**的一致性，如input[type="text"]
3.宣告順序
相關的屬性宣告應當歸為一組，並按照下面的順序排列：
positioning
box model
typographic
visual
由於定位（positioning）可以從正常的文件流中移除元素，並且還能覆蓋盒模型（box model）相關的樣式，因此排在首位。盒模型排在第二位，因為它決定了元件的尺寸和位置。
其他屬性只是影響元件的內部（inside）或者是不影響前兩組屬性，因此排在後面。
.declaration-order.
規範 前端編碼規範 注釋規範
頂部新增檔案申明資訊，包括檔案描述 原始作者，如果有更新，則需要新增更新內容 更新作者和更新時間。description 說明文字 author 張三 description 說明文字 author 張三 update 更新內容 by 李四 2013 04 13 18 32 無論是單行注釋還是多行注...
前端 前端編碼規範小記
定位 position left right top bottom z index 盒子模型 display float width height margin padding border border radius 排印 font color background line height tex...
web前端編碼規範
web前端編碼規範 本文摘至bootstrap中文網中bootstrap編碼規範中常用部分，詳細請檢視bootstrap編碼規範 1.html 2.css 相關的屬性宣告應當歸為一組，並按照下面的順序排列 positioning box model typographic visual 單行規則宣告...