2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示
@ 初学者可以直接跳过CSS直接学习CSS3吗？
你这问题就像是在问：偶可以先吃碗底的饭吗？反正都是要把一碗饭吃完，先吃碗底的还是先吃碗面的有啥区别呢。
CSS3只是CSS的一个技术标准，本质上还是CSS，也就是说，你学CSS3也就是在学习CSS。
因此，最重要的是你先要知道怎么张口吃这碗饭，而不是从碗底开始吃还是先从碗顶先吃。
只要你把CSS的基本概念搞清楚了，那么一切都不是问题，CSS3也只是比CSS1多了许多可以简化开发而且效果极其酷炫的新玩意而已，这一切都可以通过查询文档来查找而不需要专门的学习，而CSS1和CSS2的许多基础内容（比如定位，比如盒模型）却在实际开发中常常用到，即使你先学CSS3，你也不可避免地要使用它们。因此，谁先谁后又有啥关系呢。
个人建议，学习，最重要的还是要注重实践，书中来的终觉浅，多尝试你会发现更多。
说到这份上，貌似你不能跳过CSS1和CSS2直接学CSS3了，width、height、margin这些都不是CSS3的内容，还有标签选择器、类选择器这些基础选择器。直接上手CSS3，连一个像样的盒子都写不出来的。
@ 怎样区分后代选择器和子代选择器？
1.第一从符号上来区分后代选择器：是用空格来分隔开来 例如<h1>一个<span>人</span>的战争</h1> 就是h1 span{}子代选择器：用特殊符号> 例如 h1>span{}
2.第二从用法上区分后代选择器html部分：<ul class=”study”><li>物理 <ul> <li>力学</li> <li>声学</li> <li>电磁学</li></ul></li><li>数学<ul> <li>微积分</li> <li>概率论</li> <li>博弈论</li></ul></li> </ul> css部分//使用子代选择器的效果.study >li{ border:1px solid red;/*只给物理和数学加一个红色方框*/}//使用后代选择器的效果.study li{ border:1px solid red;/*给物理 力学 声学 电磁学 和数学 微积分 概率论博弈论都加一个红色方框*/}这说明子代是他是单传只给物理和数学就断子绝孙，后代是一代传一代。
子代选择器时效果图：
后代选择器时效果图：
@ HTML样式CSS的三种写法？
1、首先，在电脑中打开编辑器，创建html文档。
2、然后，创建h1标签，用行内样式控制字体颜色为红色。
3、接下来，用内部样式选择器选择h1标签，控制它的样式。
4、外部样式需要，创建外部样式．css文件。
5、然后，在html文件里面引入css文件。
6、最后，在浏览器看是否生效，就可以了。
扩展资料：
将它们列在此的目的，是想使网页制作者了解浏览器处理HTML的行为是如何使用CSS1规则重新生成的，至少也是大概了解的。彻底地理解这个样式表是理解CSSI如何操作的第一步。
