任何代码编程都有各自特点的常用命名规范,div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展,也有利于让别人读懂你的css代码,让你的页面显得清晰有条理。
模块:module.css 基本共用:base.css 布局、版面:layout.css 主题:themes.css 专栏:columns.css 文字:font.css 表单:forms.css 补丁:mend.css 打印:print.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
容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center
.red {color: red;}
.f60 {color: #f60;}
.ff8600 {color: #ff8600;}
.font12px {font-size: 12px;}
.font9pt {font-size: 9pt;}
.left {float:left;}
.bottom {float:bottom;}
.barnews { }
.barproduct { }
行间注释-直接写于属性值后面,如:
整段注释-分别在开始及结束地方加入注释,如:
1、一律小写; 2、尽量用英文; 3、尽量不缩写,除非一看就明白的单词; 4、属性的值一定要用双引号(“”)括起来,且一定要有值如class=”divcss5”,id=”divcss5”; 5、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整。