日常知識點總結（一）

　　　　　　　　　　　　　　　　　〔　『關於前端規範的總結

Html：

1：嵌套的節點應該縮排四個空格
2:屬性使用雙引號eg：class=""
3:單標籤（`

---

`）不需要閉合。
4:所有的程式碼只用小寫字母
5:定義編碼方式``​​
6:引入`CSS` 和`JavaScript` 時不需要指明`` type`
7:HTML 屬性書寫順序id -->class -->name -->data-* -->src, for, type, href-->title, alt
8:盡量避免在JavaScript 檔案中產生標籤
9:每個區塊元素、清單元素或表格元素都獨佔一行
10:語意化
 

Css:

1:縮排：4個空格
2:空格：空格1、空格2 (`:`與`屬性值`之間必須包含空格）
.selector {. padding: 0px;
}
3：id命名：駝峰式命名，禁止使用id作為樣式控制class命名：中劃線
4：所有的classid作為樣式控制class命名：中劃線
4：所有的class的必須以目前模組名稱或簡寫名稱開始，".modelName" + "-" + className。
eg：.login-label .login-input
5：每個選擇者聲明必須獨佔一行
eg：.post,
.page,,,,85%
-height: 1.5;
}
6：選擇器的巢狀層級應不大於`3級`
7：屬性定義後必須以分號結尾。
8：屬性書寫：`佈局定位屬性` > `自身屬性` > `文字屬性` > `其他屬性
佈局定位屬性：margin / padding / float / clear / position（top, right, bottom, left）
/ display / visibility / overflow / z-index(層疊順序)
自身屬性：width / height / background / border / outline 等 -decoration / vertical-align / line-height
/text-indent / white-space / list-style(列表樣式) /content等
其他屬性：cursor / zoom等
其他屬性：cursor / zoom等
)`函數中的路徑不加引號。
10：顏色值不允許使用命名色值。顏色值大小寫項目保持一致
11：background;必須同時給出水平和垂直方向的位置。
12:字體：宋體 SimSun 黑體 SimHei 微軟雅黑 Microsoft YaHei
13：`line-height`定義文字段落時，應使用數值。當`line-height`用於控制垂直居中時，還是應該設定成與容器高度一致。
eg：.container {
line-height: 1.5;
}
14：`hack`屬性緊接在對應的屬性後面
14：`hack`屬性緊跟與之對應的屬性後面