HTML+CSS基础篇(四)——编码规范

http://codeguide.bootcss.com/#html-syntax

CSS 规范命名

头: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

注释的写法
/*Footer*/
内容区
/*EndFooter*/

标题:title            摘要:summary
标志:logo             加入:joinus
状态:status           按钮:btn
滚动:scroll           标签页:tab
文章列表:list           提示信息:msg
图标:icon             注释:note

class的命名
(1)颜色:使用颜色的名称或者16进制代码,如
    .red{color:red;}
    .f60{color:#f60;}
    .ff8600{color:#ff8600;}
(2)字体大小,直接使用"font+字体大小"作为名称,如
    .font12px{font-size:12px;}
    .font9pt{font-size:9pt;}
(3)对齐样式,使用对齐目标的英文名称,如
    .left{float:left;}
    .bottom{float:bottom;}
(4)标题栏样式,使用"类别+功能"的方式命名,如
    .barnews { }
    .barproduct{ }
【注意事项】
1.一律小写;
2.尽量用英文;
3.不加中杠和下划线;
4.尽量不缩写,除非一看就明白的单词.

主要的master.css       模块module.css
基本共用base.css        布局,版面layout.css
主题themes.css        专栏columns.css
文字font.css          表单forms.css
补丁mend.css          打印print.css

来源:网络

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值