首页 > 代码库 > css的一些顺序以及命名规则

css的一些顺序以及命名规则

对于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

对于书写规范:

1.使用css缩写属性,如对于padding,margin,font等属性

2.去掉小数前面的0 如 font-size:.8em

3.简写命名(但是比如保证其语义化)

4.16进制颜色可以缩写的代码进行缩写 ,如#ffee00,写成#fe0

5.连字符css选择器命名 用中划线-,不用下划线_,因为用下划线需要多按个shift

css的命名规范:

头部:header  内容:content/container 尾 footer 

导航:nav  侧栏:sidebar  栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center  登录条:loginbar  标志:logo  缩略图:thumbnail  广告:banner

页面主题:main  热点:hot  新闻:news  下载:download   子导航:subnav 菜单:menu

子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:copyright 滚动:scroll

内容:content 标签:tag 文章列表 :list  提示信息:msg 小技巧:tips 栏目标题:title  加入:joinus

指南:guide 服务:service 注册:register 状态:status 投票:vote 合作伙伴:partner

摘要:summary 注释:note 

css样式表文件命名

主要的:master.css  模块 module.css 基本公用 base.css 布局、版面layout.css 

主题:themes.css 专栏:columns.css 文字:font.css 表单 forms.css 补丁:mend.css

打印:print.css

 

css的一些顺序以及命名规则