多语言展示
当前在线:739今日阅读:2今日分享:38

CSS样式命名规则及参考命名

网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率
方法/步骤
1

(1)页面结构  容器: container  页头:header  内容:content/container  页面主体:main  页尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体布局宽度:wrapper  左右中:left right center(2)导航  导航:nav  主导航:mainbav  子导航:subnav  顶导航:topnav  边导航:sidebar  左导航:leftsidebar  右导航:rightsidebar  菜单:menu  子菜单:submenu  标题: title  摘要: summary(3)功能  标志: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  版权:copyright

2

注释的写法: /* Footer */ 内容区 /* End Footer */

3

样式文件命名 主要的 master.css布局,版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css

4

网站布局:网站采用目前最流行的960宽度布局;布局类型分为3栏和2栏两种方式。两栏布局:主容器宽度为700px 副容器宽度为240px三栏布局:依次为190px、510px、240px;

注意事项
1

1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词.

2

DIVCSS5建议:主要的、重要的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名。

推荐信息