整理自CSDN、百度,感謝!
一、CSS書寫順序
| 屬性 | 值 |
|---|---|
| 定位 | position、z-index、left 、right、top、bottom、clip |
| 尺寸 | width、height、min-height、max-height、min-width、max-width |
| 文字 | color、font-size、letter-spacing、color、text-align等 |
| 背景 | background-image 、border |
| 其他 | animation, transition等 |
二、CSS命名規(guī)范
| 屬性 | 值 |
|---|---|
| 頭部 | header |
| 內(nèi)容 | content |
| 尾部 | footer |
| 導(dǎo)航 | nav |
| 主導(dǎo)航 | mainnav |
| 子導(dǎo)航 | subnav |
| 頂導(dǎo)航 | topnav |
| 邊導(dǎo)航 | sidebar |
| 左導(dǎo)航 | lefrsidebar |
| 右導(dǎo)航 | rightsidebar |
| 側(cè)邊欄 | sidebar |
| 欄目 | column |
| 登陸條 | loginbar |
| 標(biāo)志 | logo |
| 廣告 | banner |
| 主體 | main |
| 熱點(diǎn) | hot |
| 新聞 | news |
| 下載 | download |
| 子導(dǎo)航 | subnav |
| 菜單 | menu |
| 子菜單 | submenu |
| 搜索 | search |
| 友情鏈接 | friendlink |
| 版權(quán) | copyright |
| 滾動(dòng) | scroll |
| 標(biāo)簽 | tags |
| 按鈕 | btn |
| 文章列表 | list |
| 提示信息 | msg |
| 小技巧 | tips |
| 加入 | joinus |
| 指南 | guide |
| 服務(wù) | service |
| 注冊(cè) | register |
| 狀態(tài) | status |
| 投票 | vote |
| 合作伙伴 | partner |
三、CSS樣式表文件命名
| 用途 | 命名 |
|---|---|
| 主要的 | master.css |
| 模塊 | module.css |
| 基本共用 | base.css |
| 布局/版面 | layout.css |
| 主題 | themes.css |
| 專欄 | columns.css |
| 文字 | font.css |
| 表單 | forms.css |
| 補(bǔ)丁 | mend.css |
| 打印 | print.css |