CSS 书写顺序
1. 位置属性 (position, top, right, 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 缩写属性
CSS 有些属性是可以缩写的,比如 padding,margin,font,color 等等。去掉小数点前的 "0";
如:padding-left:10px;padding-right:10px;color:#112233;font-size:0.8rem;
写成 padding:0 10px;color:#123;font-size:.8rem
CSS 连字符选择器命名规范
1. 长名称或词组可以使用中横线来为选择器命名。
2. 不建议使用 "_" 下划线来命名 CSS 选择器,为什么呢
输入的时候少按一个 shift 键;
浏览器兼容问题 (比如使用_tips 的选择器命名,在 IE6 是无效的)
能良好区分 JavaScript 变量命名 (JS 变量命名是用"_")
3. 不要随意使用 Id,id 在 JS 是唯一的,不能多次使用,而使用 class 类选择器却可以重复使用,另外 id 的优先级优先与 class,所以 id 应该按需使用,而不能滥用。为选择器添加状态前缀有时候可以给选择器添加一个表示状态的前缀,让语义更明了,比如添加了 ".is-" 前缀。
CSS 常用的命名规则
头:header
内容:content/container
尾:footer
导航:nav
主导航:mainnav
子导航:subnav
顶导航:topnav
低导航:bottomnav
边导航:sidenav
左导航:leftnav
右导航:rightnav
侧栏:sidebar
栏目:column
页面外围控制整体佈局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
版权:copyright
滚动:scroll
内容:content
来源: http://www.qdfuns.com/notes/18216/f7f77909feebcd9840977b5b5841484f.html