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

你可能感兴趣的:(css)