淺談編碼規(guī)范
命名技巧
- 語義化標(biāo)簽優(yōu)先
- 基于功能命名委煤、基于內(nèi)容命名、基于表現(xiàn)命名
- 簡略、明了（翻譯成英文）
- 所有命名都使用英文小寫
- 命名用引號(hào)包裹
- 用中橫線連接
CSS編碼規(guī)范
- tab 用兩個(gè)空格表示
- css的 :后加個(gè)空格衔肢， {前加個(gè)空格
- 每條聲明后都加上分號(hào)
- CSS樣式換行，而不是放到一行
- 顏色用小寫址晕，用縮寫, #fff
- 小數(shù)不用寫前綴, 0.5s -> .5s膀懈；0不用加單位
- 盡量縮寫， margin: 5px 10px 5px 10px -> margin: 5px 10px
html編碼規(guī)范
- 用兩個(gè)空格來代替制表符（tab）
- 嵌套元素應(yīng)當(dāng)縮進(jìn)一次（即兩個(gè)空格）谨垃。
- 對(duì)于屬性的定義启搂，確保全部使用雙引號(hào)，絕不要使用單引號(hào)刘陶。
4.不要在自閉合（self-closing）元素的尾部添加斜線 - 不要省略可選的結(jié)束標(biāo)簽（closing tag）（例如胳赌，</li>
或 </body>）
參考網(wǎng)站：
google html css編碼規(guī)范
bootstrap 編碼規(guī)范
Naming CSS Stuff Is Really Hard
垂直居中有幾種實(shí)現(xiàn)方式，給出代碼范例
- padding實(shí)現(xiàn) 外圍盒子寬高由內(nèi)部內(nèi)容撐起來
- 定位實(shí)現(xiàn)水平垂直絕對(duì)居中 瀏覽器窗口可變匙隔，內(nèi)部盒子寬高視內(nèi)容可變
- line-height等于inline-block盒子高度 實(shí)現(xiàn)垂直居中
- vertical-align: middle于::before實(shí)現(xiàn)垂直居中 內(nèi)部圖片大小在一定范圍可變即外圍盒子可加載大小可變的圖片
- display: table cell加上vertical-align:middle實(shí)現(xiàn)垂直居中
垂直居中1~3
垂直居中4~5
