整理自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 |