本文主要总结了css命名规范，非常全面，非常详细，并推荐给想学习CSS的年轻伙伴。





当我们开发css（XHTML）页面时，更令人困惑和纠结的是CSS命名，尤其是那些不知道名称和名称的初学者。

命名规则解释：

1）所有的命名法都是最好的。

2），该属性的值必须用双引号（），必须重视class=divcss5

3）每一个标签都要有开头和结尾，并且有正确的级别，排版整齐整齐。

4），空元素应该有标记的结束或标记开始后添加

5），表现为从结构上完全分离，并且代码不涉及任何表示元素，如风格、字体、背景颜色、边框、等。

6）定义应遵循从大到小的原则，反映文档的结构，有利于搜索引擎。

7），向每个窗体和窗体添加唯一的结构ID。

8），将alt标记添加到图片中

9）尽可能多地使用英语的命名原则。

10）、不要把尽可能多的，除非你看到的理解的话。

CSS样式被命名为Web页面外层的一个重要部分：

外套裹------------------头头头----------------为主要------------主要内容主要内容（中央）左主干、左-------------右主权-----------在布局导航-----------------网页导航菜单导航栏内容---------------左侧右侧网页为主体底部的页脚-----------------底

命名参考表：

以下是CSS样式命名和CSS文件命名引用表，以及命名为集合的div CSS：







CSS样式命名




解释





网页的公共命名




#包装


控制页面外的布局宽度




#容器或#内容


容器，用于最外层




#布局


布局




#头，#头


标题部分




#脚，#页脚


页脚




#资产净值


主导航




#子导航


两级导航




#菜单


菜单




#子菜单


子菜单




#边栏


侧栏




# sidebar_a，# sidebar_b


左右侧边栏




#主要


页体




#标签


标签




#味精#消息


提示信息




#小贴士


小丑




#投票


投票




#链接


友情链接




#标题


标题




#总结


摘要




#登录条：


登录吧




# searchinput


搜索输入框




#热


热点




#搜索


搜索




# search_output


搜索输出与搜索结果相似。




#搜索栏


搜索栏




# search_results


搜索结果




#版权


版权信息




#品牌


商标




#罗


网站标识




#网站信息


网站信息




# siteinfolegal


法律声明




# siteinfocredits


名声




#加入我们


加入我们




#伙伴


合作伙伴




#服务


服务




#注册


登记




ARR /箭头


箭头




#协会


指导




#地图


网站地图




#列表


列表




#主页


首页




#子页


二级页面页面




#工具，#工具栏


工具条




#滴


下拉




# dorpmenu


下拉菜单




#状态


状态




#滚动


卷




。


标签页




left.right.center。


左，中，右




。新闻


新闻




。下载


下载




旗帜。


广告栏（顶级广告）




电子贸易相关




产品。


产品




products_prices。


产品价格




products_deｓｃｒｉｐｔion。


产品描述




products_review。


产品评论




editor_review。


编辑评论




news_release。


最新产品




出版人。


制造商




。截图


缩略图




。常见问题


常见的问题




。关键词


关键词




。的博客


博客




论坛


论坛












CSS文件命名




解释





Master.css，style.css


大




module.css


模块化




Base.css


基本的共享




layout.css


布局，布局




themes.css


主题




columns.css


专栏




font.css


文字和字体




forms.css


形式




mend.css


补丁




打印样式


打印