整理自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命名规范
| 属性 | 值 |
|---|---|
| 头部 | header |
| 内容 | content |
| 尾部 | footer |
| 导航 | nav |
| 主导航 | mainnav |
| 子导航 | subnav |
| 顶导航 | topnav |
| 边导航 | sidebar |
| 左导航 | lefrsidebar |
| 右导航 | rightsidebar |
| 侧边栏 | sidebar |
| 栏目 | column |
| 登陆条 | loginbar |
| 标志 | logo |
| 广告 | banner |
| 主体 | main |
| 热点 | hot |
| 新闻 | news |
| 下载 | download |
| 子导航 | subnav |
| 菜单 | menu |
| 子菜单 | submenu |
| 搜索 | search |
| 友情链接 | friendlink |
| 版权 | copyright |
| 滚动 | scroll |
| 标签 | tags |
| 按钮 | btn |
| 文章列表 | list |
| 提示信息 | msg |
| 小技巧 | tips |
| 加入 | joinus |
| 指南 | guide |
| 服务 | service |
| 注册 | register |
| 状态 | status |
| 投票 | vote |
| 合作伙伴 | partner |
三、CSS样式表文件命名
| 用途 | 命名 |
|---|---|
| 主要的 | master.css |
| 模块 | module.css |
| 基本共用 | base.css |
| 布局/版面 | layout.css |
| 主题 | themes.css |
| 专栏 | columns.css |
| 文字 | font.css |
| 表单 | forms.css |
| 补丁 | mend.css |
| 打印 | print.css |