css_div 命名规范

css文件名命名规范

模块:module.css

基本共用:base.css

布局、版面:layout.css

主题:themes.css

专栏:columns.css

文字:font.css

表单:forms.css

补丁:mend.css

打印:print.css

页面结构元素div命名规范

头:header  

内容:content/container  

尾:footer  

导航:nav  

侧栏:sidebar

栏目:column  

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

左右中:left right center  

登录条:loginbar  

标志:logo  

广告:banner  

页面主体:main  

热点:hot  

新闻:news

下载:download  

子导航:subnav  

菜单:menu  

子菜单:submenu  

搜索:search  

友情链接:friendlink  

页脚:footer  

版权:copyright  

滚动:scroll  

内容:content

标签页:tab

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guild

服务:service

注册:regsiter

状态态:status

投票:vote

合作伙伴:partner

颜色命名-使用颜色的名称或者16进制代码

.red {color: red;}

.f60 {color: #f60;}

.ff8600 {color: #ff8600;}

字体大小命名-直接使用“font+字体大小”作为名称

.font12px {font-size: 12px;}

.font9pt {font-size: 9pt;}

对齐样式命名-使用对齐目标的英文名称

.left {float:left;}

.bottom {float:bottom;}

转载于:https://my.oschina.net/u/572246/blog/63961

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值