css+Div-样式规范写法.docVIP

  1. 1、本文档共5页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

DIV+CSS规范命名大全集合

网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIVCSS命名规则CSS命名大全内容如下:

页头:header如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法

登录条:loginBar标志:logo侧栏:sideBar

广告:banner导航:nav子导航:subNav

菜单:menu子菜单:subMenu搜索:search

滚动:scroll页面主体:main内容:content

标签页:tab文章列表:list提示信息:msg

小技巧:tips栏目标题:title加入:joinus

指南:guild服务:service热点:hot

新闻:news下载:download注册:regsiter

状态:status按钮:btn投票:vote

合作伙伴:partner友情链接:friendLink页脚:footer

版权:copyRight

常用配合标签div、h1、h2、h3、h4、span、em、b、strong、font、u

1.CSS的ID的命名也许你需要了解class与Id区别

外套:wrap主导航:mainNav子导航:subnav

页脚:footer整个页面:content页眉:header

版权:copyRight商标:label标题:title

主导航:mainNav(globalNav)顶导航:topnav

边导航:sidebar左导航:leftsideBar右导航:rightsideBar

旗志:logo标语:banner菜单内容1:menu1Content

菜单容量:menuContainer子菜单:submenu

边导航图标:sidebarIcon注释:note

面包屑:breadCrumb(即页面所处位置导航提示)

容器:container内容:content搜索:search

登陆:login功能区:shop(如购物车,收银台)

当前:current

DIV+CSS命名小结:无论是使用“.”(小写句号)选择符号开头命名,还是使用“#”(井号)选择符号开头命名都无所谓,但我们最好遵循,主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名,同时考虑命名的CSS选择器在HTML中重复使用调用。

通常我们最常用主要命名有:wrap(外套、最外层)、header(页眉、头部)、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)

、content(内容区)、footer(页脚、底部)、logo(标志、可以配合h1标签使用)、banner(广告条,一般在顶部)、copyRight(版权)。其它可根据自己需要选择性使用。

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

2.CSS样式文件命名如下

主要的master.css

布局,版面layout.css

专栏columns.css

文字font.css

打印样式print.css

主题themes.css

也许你需要了解一下css引用到html方法

以上为DIV+CSS的命名规则总结,相信通过规范的CSS命名给你以后网站网页的维护带来方便。

DIV+CSS虚线边框|CSS虚线下划线及虚线列表教程DIV+CSS虚线边框|CSS虚线下划

文档评论(0)

zhangwe1688 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档