欢迎来到天天文库
浏览记录
ID:59301831
大小:15.50 KB
页数:6页
时间:2020-09-06
《CSS样式表命名规则.doc》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、CSS样式表命名规则首先,说说注意事项:1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写,除非一看就明白的单词.主要的master.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或wrap左右中:leftrightcenter登录条:login
2、bar标志: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*/ 很多站长制作网站模板的时候或
3、许会出现CSS明明不规范的问题,为了提高网站模板的CSS样式表的可读性,推荐站长们了解下常用的CSS命名规则。接下来,就详细介绍 id的命名:1.页面结构容器:container页头:header内容:content/container页面主体:main页尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:leftrightcenter2.导航导航:nav主导航:mainbav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:menu子菜单:subme
4、nu标题:title摘要:summary3.功能标志:logo广告:banner登陆:login登录条:loginbar注册:regsiter搜索:search功能区:shop标题:title加入:joinus状态:status按钮:btn滚动:scroll标签页:tab文章列表:list提示信息:msg当前的:current小技巧:tips图标:icon注释:note指南:guild服务:service热点:hot新闻:news下载:download投票:vote合作伙伴:partner友情链接:link版权:copyrightclass的命名:1.颜色:使用颜色的名称或者16进制代码,如
5、.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{}
此文档下载收益归作者所有