所有的命名最好都小写
属性的值一定要用双引号("")括起来，且一定要有值如class="DIVcss",id="divcss"
每个标签都要有开始和结束，且要有正确的层次，排版有规律工整
空元素要有结束的tag或于开始的tag后加上"/"
表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等
<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
给每一个表格和表单加上一个唯一的、结构标记id
给图片加上alt标签
尽量使用英文命名原则
尽量不缩写，除非一看就明白的单词
二、相对网页外层重要部分CSS样式命名：
外套 wrap —————-用于最外层
头部 header ————–用于头部
主要内容 main ————用于主体内容（中部）
左侧 main-left ————左侧布局
右侧 main-right ———–右侧布局
导航条 nav —————–网页菜单导航条
内容 content —————用于网页中部主体
底部 footer —————–用于底部
DIV+CSS命名小结：
无论是使用“.”（小写句号）选择符号开头命名，还是使用“#”(井号)选择符号开头命名都无所谓，但大家最好遵循。
主要的、重要的、特殊的、最外层的盒子用“#”(井号)选择符号开头命名，其它都用“.”（小写句号）选择符号开头命名，同时考虑命名的CSS选择器在HTML中重复使用调用。
通常大家最常用主要命名有：
wrap（外套、最外层）、header（页眉、头部）、nav(导航条)、menu(菜单)、title(栏目标题、一般配合h1\h2\h3\h4标签使用)
、content (内容区)、footer(页脚、底部)、logo（标志、可以配合h1标签使用）、banner（广告条，一般在顶部）、copyRight（版权）。
@ css规则定义有哪些选择符？
css选择符（选择器）有以下这些：
1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
@ 初学者可以直接跳过CSS直接学习CSS3吗？
你这问题就像是在问：偶可以先吃碗底的饭吗？反正都是要把一碗饭吃完，先吃碗底的还是先吃碗面的有啥区别呢。
CSS3只是CSS的一个技术标准，本质上还是CSS，也就是说，你学CSS3也就是在学习CSS。
因此，最重要的是你先要知道怎么张口吃这碗饭，而不是从碗底开始吃还是先从碗顶先吃。
只要你把CSS的基本概念搞清楚了，那么一切都不是问题，CSS3也只是比CSS1多了许多可以简化开发而且效果极其酷炫的新玩意而已，这一切都可以通过查询文档来查找而不需要专门的学习，而CSS1和CSS2的许多基础内容（比如定位，比如盒模型）却在实际开发中常常用到，即使你先学CSS3，你也不可避免地要使用它们。因此，谁先谁后又有啥关系呢。
个人建议，学习，最重要的还是要注重实践，书中来的终觉浅，多尝试你会发现更多。
说到这份上，貌似你不能跳过CSS1和CSS2直接学CSS3了，width、height、margin这些都不是CSS3的内容，还有标签选择器、类选择器这些基础选择器。直接上手CSS3，连一个像样的盒子都写不出来的。
@ css中选择器是什么意思？
要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。
每一条css样式定义由两部分组成，形式如下：[code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。
如果觉得《几种基础的css选择器 css的命名规则 – CSS – 前端 css排版模板》对你有帮助，请点赞、收藏，并留下你的观点哦！
