网页设计过程中div+css命名规则

《网页设计过程中div+css命名规则》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、内容：content/container      导航：nav        侧栏：sidebar　　      栏目：column       标志：logo       页面主体：main　　        广告：banner        热点：hot        新闻：news                  下载：download          子导航：subnav        菜单：menu    搜索：search       页脚：footer        滚动：scroll 

2、         版权：copyright       友情链接：friendlink          子菜单：submenu        内容：content          标签页：tab       文章列表：list              注册：regsiter       提示信息：msg         小技巧：tips                                          加入：joinus       栏目标题：title       指南：guild 

3、                     服务：service       状态：status       投票：vote                      尾：footer       合作伙伴：partner         登录条：loginbar页面外围控制整体布局宽度：wrapper   左右中：leftrightcenter　　            (二)注释的写法:/*Footer*/内容区/*EndFooter*/(三)id的命名:(1)页面结构容器:container      

4、    页头：header                  内容：content/container            页面主体：main          页尾：footer                    导航：nav                  侧栏：sidebar            栏目：column              左右中：leftrightcenter页面外围控制整体布局宽度：wrapper    (2)导航导航：nav主导航：mainbav子导航：subnav顶

5、导航：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小技

6、巧：tips图标:icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版权：copyright(四)class的命名:(1)颜色:使用颜色的名称或者16进制代码,如.red{color:red;}.f60{color:#f60;}.ff8600{color:#ff8600;}(2)字体大小,直接使用"font+字体大小"作为名称,如.font12px{font-size:12px;}.font9pt

7、{font-size:9pt;}(3)对齐样式,使用对齐目标的英文名称,如.left{float:left;}.bottom{float:bottom;}(4)标题栏样式,使用"类别+功能"的方式命名,如.barnews{}.barproduct{}注意事项:1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写，除非一看就明白的单词.主要的master.css            模块module.css            基本共用base.css          主题themes.c

8、ss              专栏columns.css                  打印print.css  文字font.css                    表单forms.css                      补丁mend.css                  布局，版面layout.css CSS命名规则 　　头：header 　　内容：content/containe