CSS文件及樣式命名技巧介紹

歡迎大家在這裡學習CSS文件及樣式命名技巧!下面是我們給大家整理出來的精彩內容。希望大家在這裡學習!

1、CSS文件命名規范

全局樣式：global.css;

框架布局：layout.css;

字體樣式：font.css;

鏈接樣式：link.css;

打印樣式：print.css;

2、CSS樣式命名規范

本人建議：用字母、_號工、-號、數字組成，必須以字母開頭，不能為純數字。為了開發後樣式名管理方便，大家請用有意義的單詞或縮寫組合來命名，讓同事一看就明白這樣式大概是哪一塊的，這樣就節省了查找樣式的時間，例如：

頭部樣式用header，頭部左邊，可以用header_left或header_l,還有如果是列結構的可以這樣——box _1of3 (三列中的第一列)，box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列)，其它的我就不一一舉例了，大家按以上規律去命名就好。

下面列出一些常用的命名單詞方便大家使用：(以後大家工作過程中慢慢把自己積累的單詞都共享出來，那大家的命就會更加統一了，就不會有一義多詞的情況了。)

容 器：container/box

頭 部：header

主 導 航：mainNav

子 導 航：subNav

頂 導 航：topNav

網站標志：logo

大 廣 告：banner

頁面中部：mainBody

底 部：footer

菜 單：menu

菜單內容：menuContent

子 菜 單：subMenu

子菜單內容：subMenuContent

搜 索：search

搜索關鍵字：keyword

搜索范圍：range

標簽文字：tagTitle

標簽內容：tagContent

當前標簽：tagCurrent/currentTag

標　 題：title

內 容：content

列 表：list

當前位置：currentPath

側 邊 欄：sidebar

圖 標：icon

注 釋：note

登 錄：login

注 冊：register

列 定 義：column_1of3 (三列中的第一列)

column_2of3 (三列中的第二列)

column_3of3 (三列中的第三列)

好了，CSS文件及樣式命名技巧內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

divcss列表技巧介紹