首頁 > web前端 > html教學 > 日常知識點總結(一)

日常知識點總結(一)

WBOY
發布: 2016-09-06 08:43:46
原創
1024 人瀏覽過

                 〔 『關於前端規範的總結

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`屬性緊跟與之對應的屬性後面

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板