div+css的命名规则64165

《div+css的命名规则64165》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、DIV+CSS样式表命名的规则时间:2010-09-1411:47来源:网管之家bitsCN.com刚开始写DIV+CSS样式表的时候，是记不住那些CSS样式的属性，但是在逐渐熟悉后，发现给DIV+CSS样式表命名也是一件头疼的事情，本文将介绍一些相关的规则方法供大家参考。畅谈DIV+CSS样式表命名的规则方法如果要是就几行或几十行代码吧！就根据英文单词就行了。可是要是多了那就不好写了，有时候就直接用汉语拼音或拼音的首字母代替。可是多了吧，自己写的都看不出是什么意思，别说再让程序员调用这些样式了。DIV+CSS

2、样式表的id和class的区别：就一句话来概括，class可以定义多个值并且可以应用到多个标签上，但id只能是一个。所以就开始查一些相关的DIV+CSS样式表id和class的常用命名规则，请大家参考一下：首先讲一下DIV+CSS样式表id的常用命名规则，如下表所示:页头header广告banner文章列表list侧栏sidebar标签页tap提示信息msg菜单menu小技巧tips页面主题main加入joinos指南guild栏目标题title热点hot新闻news友情链接friendlink注册regsit

3、er状态status合作伙伴partner投票wote滚动scroll下载download登录条loginbar版权copyright按钮btn服务service标志Logo导航nav实际上，上面的DIV+CSS样式表的id命名也会经常用大小写和_来区分，比如主导航就是MainNav，如果还有必要在区分就是MainNav_1，MainNav_2等等。也可以使用"类型+变量名称"的规则来命名，比如写一个红色字体的class，可以.f_red{}(f是font字体的缩写)。总之原则是：大小写、_、缩写，大大增强代码

4、的可读性。再讲一下DIV+CSS样式表的class的常用命名规则，如下表所示:旗标logo主导航mainnav子导航subnav边导航sidebar左导航leftsidebar右导航rightsidebar商标label标题title边导航图标sidnavison外套、包裹wrap容器container菜单内容menucontent标语banner内容content菜单容量menucontainer子菜单submenu搜索search当前的current注释note整页面content面包屑breadcrumb

5、页眉header页脚footer登录login当然像DIV+CSS样式表的id和class的命名远远不止这些，可能还会有更多的命名,你可以用一些通俗的易懂、容易理解的一些来命名，如果您有更好的DIV+CSS样式表的id和class的命名规则的话，请留言，多多指教。