乙個好的前端專案**離不開好的命名規範,試想一下叫你接手乙個專案,你看到之前開發的**的命名一團糟,那是多麼痛苦的事啊。或者你自己把乙個專案命名的一團糟,等過段時間讓你重構該項目的時候,估計腸子都要悔青吧!(一)網頁內容類
(二)注釋的寫法:
/* footer */
內容區
/* end footer */
(三)id的命名:
(1)頁面結構
(2)導航
(3)功能
(四)class的命名:
(1)顏色:使用顏色的名稱或者16進製制**,如
.red
.f60
.ff8600
(2)字型大小,直接使用」font+字型大小」作為名稱,如
.font12px
.font9pt
(3)對齊樣式,使用對齊目標的英文名稱,如
.left
.bottom
(4)標題欄樣式,使用」類別+功能」的方式命名,如
.barnews
.barproduct
注意事項:
1.一律小寫;
2.盡量用英文;
3.不加中槓和下劃線;
4.盡量不縮寫,除非一看就明白的單詞.
推薦的 css 書寫順序
//顯示屬性
display
list-style
position
float
clear
//自身屬性
width
height
margin
padding
border
background
//文字屬性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content
Web前端命名規範大全
html5 1 所有的命名最好都小寫 2 屬性的值一定要用雙引號 括起來,且一定要有值如class divcss5 id divcss5 3 每個標籤都要有開始和結束,且要有正確的層次,排版有規律工整 4 空元素要有結束的tag或於開始的tag後加上 5 表現與結構完全分離,中不涉及任何的表現元素,...
前端開發命名規範 html css js
所有的命名最好都小寫。資料夾命名,盡量採取單個英語單詞描述,如login,index。html檔名稱,當需要多個英語單詞描述時用 下劃線 連線多個單詞分隔,如 user add.html,動詞放在後面,便於相同業務模組檔案放在一起。css,image,js檔名稱,當需要多個英語單詞描述時用 分隔線 ...
前端命名規範
html html 屬性應該按照特定的順序出現以保證易讀性。css 連字元css選擇器命名規範 js 變數,使用 camel 命名法。var loadingmodules 私有屬性 變數和方法以下劃線 開頭。var privatemethod 常量,使用全部字母大寫,單詞間下劃線分隔的命名方式。va...