保姆级教程 CSS 知识点梳理大全，超详细！！！
??大家好,我是王同学，好久不见，趁着假期王同学把CSS 知识点梳理了一遍
??如果对你有帮助就给我点个赞吧，这样我们就互不相欠了
??星光不负赶路人，所有的幸运都来自于坚持不懈的努力，大家一起加油吧
一、前端三层
(四)、行内式
行内式： 样式可以直接通过style属性写在标签上，行内式牺牲了样式表的批量设置样式的能力，只能给一个标签设置样式，所以不常用。
三、CSS选择器
首先我们来介绍传统的CSS2.1 选择器
（一）、标签选择器
标签选择器：又称元素选择器，类型选择器，它直接使用元素的标签名当做选择器，将选择页面上所有的标签
（三）、类选择器
- class属性表示类名
- 类名的命名规范和id的命名规范相同
- 我们使用点.前缀来指定class的标签
- class类名十分灵活，多个标签可以为相同的类名
- 同一个标签可以同时属于多个类，类名用空格隔开
在开发中我们也用到过原子类，这里简单的介绍一下
（四）、原子类
-
在做 页前、可以将所有的常用字 、文字颜色、行高、外边距、内边距等都设置为单独的类。
-
在HTML标签就可以“则需选择”它的类名，这样可以非常快速的添加一些常见的样式
后代选择器
交集选择器
（六）、伪类选择器
伪类是添加到选择器的描述性词语，指定要选择的元素的特殊状态，超级链接拥有4个特殊的状态
（七）、子选择器
当使用 >符 分隔两个元素时，它只会匹配那些作为第一个元素的直接后代元素，即两个标签为父子关系
（八）、相邻兄弟选择器
- 相邻兄弟选择器（+）介于两个选择器之间，当第二个元素紧跟着第一个元素之后，并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。
（十）、序 选择器
(十二)、：last-child
：last-child表示选择最后一个子元素，比如下面的例子
style>.box p:first-child { color: red;} .box p:last-child { color: aqua;} .box p:nth-child(3) { color: orange;} .box p:nth-child(2n) { color: pink;} .box1 p:nth-child(2n+1) { color: red;} /style>/head>body> div class="box">p>1/p>p>2/p>p>3/p>p>4/p>p>5/p>p>6/p>p>7/p>p>8/p>p>9/p> /div> div class="box1">p>1/p>p>2/p>p>3/p>p>4/p&
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！