css书写规范整理

css书写顺序

1.位置属性 ：position top left z-index display float
2.大小：width height padding margin
3.文字样式：font line-height letter-spacing color text-align
4.背景：background border
5.其他：animation transition

css缩写

span{
        font:14px/30px ‘黑体‘;/*字号/行高 字体*/
        font:.8em/30px ‘黑体‘;/*字号/行高 字体*/
    }

连字符 css选择器命名规范

使用 ‘中横线’ 命名，不使用‘_’ ,一些浏览器不兼容
为选择器添加状态前缀 is-

常用的css命名规则

头：header| 内容：content|尾：footer|导航：nav
侧栏：sidebar|栏目：column|整体宽体：wrapper
左 中 右 ：left center right
登录条：loginbar
标志：logo| 广告：banner|页面主体：main
热点：hot|新闻:news |下载：diwnload
子导航：subnav|菜单：menu|子菜单:submenu
搜索：search|友情链接：friendlink
版权：copyright|滚动：scroll|标签：tags
提示信息：msg|栏目标题：title
指南：guild | 注册：regsiter 状态：status
投票：vote|合作伙伴：partner

样式表文件 命名

主要的：master.css
模块：module.css
基本共用：base.css
布局、版面：layout.css
主题：themes.css