首页 > 代码库 > 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的一些顺序以及命名规则