CSS的选择器分为两大类：基本选择题和扩展选择器。
基本选择器：
标签选择器：针对一类标签
ID选择器：针对某一个特定的标签使用
类选择器：针对你想要的所有标签使用
通用选择器（通配符）：针对所有的标签都适用（不建议使用）
@ css元素的排列规则主要分为？
1、代表内联样式，如: style=””，权值为1000。
2、代表ID选择器，如：#content，权值为100。
3、代表类，伪类和属性选择器，如.content，权值为10。
4、代表类型(元素)选择器和伪元素选择器，如div p，权值为1。 按照CSS代码的执行先后顺序。如果有重复的规则，按照后执行的定义。最终规则是多个定义规则的综合。重点：高级规则定义对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)一页中的多种超级链接样式定义。多个相同规则不同对象的CSS共同定义。对于同一对象定义的多种CSS方式考虑哪种更科学。
@ 熟练掌握并默写标记选择器的基本语法？
1.标记选择器主要应用在HTML页中的标记样式选择。如P选择器就用于声明网页中有P标记的文本内容，同理，H1选择器则可以标记页面中H1的样式。例如： H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代码表示在所有应用H1选择器的地方，将文字的大小设为14像素并加粗，同时将颜色设为灰色，如果要改变H1的颜色，只需将color属性更改就可以了，比如将color设为#e7eefe来与网页的其他地方协调。 2.类别选择器 这是一类最常用的选择器，用它来定义网页中需要特殊表现的样式，类别选择器的名称可以由作者自由定义，一般来讲类别选择器的命名最好有一定的意义，使CSS代码更易维护和阅读。例如定义导航就可以使用.daohang{}或者是.nav{}，不要使用简略或者特殊的字符串，否则可能三天后当你再读你的CSS代码时，就连你自己都搞不清一个样式到底是做什么用的！ 类别选择器就是CSS类，在HTML表现为调用的class。例如： (1)style.css文件中定义 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定义中，p标签将引用CSS文件中的title样式应用到整个p覆盖的范围。p将显示为一个上下左右margin各为10px，上下padding为2px，左右padding为5px的矩形。 请注意类别选择器CSS定义和标记选择器的区别：在CSS文件中，标记选择器前边没有"."号，下面大家还会讲到ID选择器，它的定义也不一样，每个ID选择器样式前有一个"#"号，以确定其为ID选择器，而在HTML中则用ID="style"引用。值得注意的是，一个标签可以同时应用多个class选择器，如,具体大家可以在下边思考并做下实验，笔者在这就不举例了。3.ID选择器(1)ID选择器用法和class基本没有区别，他们的不同之处就在于ID选择器只能在HTML页中使用一次，而class则可以任意多次调用，在CSS文件中，ID 选择器一般写成 #idname { bgcolor:#339; font-size:16px;}如果一个ID应用于多个HTML标记，则有可能造成IE编译错误，并且由于ID选择器可以被JAVASCRIPT等调用，所以多个ID会导致JAVA编译错误并崩溃！ (2)HTML的引用 在HTML中引用ID选择器的代码如下所示： 并且ID选择器不能像类别选择器那样同时被一个标签调用。这也是完全错误的语法。 复合选择器就是基本选择器通过不同的链接方式构成的。 复合选择器就是两个或多个基本选择器，通过不同方式链接而成的选择器。
@ css3和css一样吗？
CSS3是CSS的子集，CSS3是最新的标准，提供了很多好用的新属性，提升了网页的表现性。
CSS3提供了更好用的选择器
最新的CSS3中，对伪类、伪元素选择器做了严格的规范。有了伪类后，不用在div标签里面添加额外的元素完成一些DOM操作，可以通过::before,::after完成，代码简洁明了。对于鼠标的操作，也可以通过::hover等类似的操作完成。非常高效。还有::first–child等类似的选择器去操作子元素。
CSS3使动画效果越来越方便
css3里面通过animation来完成动画，设置@keyframes即可，一些轻量级的动画不必再通过js完成。
CSS3完成圆角、阴影美化更方便
以前的css完成类似的功能只能通过图片做背景，现在只需要border-radius、boxshadow即可。非常高效简洁。
CSS3提供了全新的盒模型
这个特性十分有用。原来的盒模型width=content.+border+padding。你规定了width.每次都要自己计算，现在有了boder-box不用这么麻烦了。
CSS3的flex布局是最强大的
IE已死，不需要再考虑它的兼容性！！！用flex布局，节省很多时间，节省的时间可以学很多东西，而不是浪费时间去适应落后的ie！！！
还有很多好用的css3特性，这个版本提供了巨大的生产力！！！很感谢它，期待下一个grid布局～
以上是偶的看法～
