CSS样式知识点
1. css引⼊⽅式
1.1 ⾏内样式：⾏内样式（将样式直接写在标签上），需要使⽤style属性。例：
css 属性选择器改变字体的颜⾊
该⽅式可⽤于提⾼样式的优先级，多次使⽤会导致代码臃肿，不利于后期维护。
1.2 内联样式：将页⾯内容与表现形式进⾏分离，⽅便对样式进⾏统⼀管理。
1.3 外联样式：对内联样式进⾏进⼀步的抽离，⽅便多个页⾯共⽤同⼀个样式，创建⼀个css⽂件，需要该样式的HTML直接引⽤样式即可。
注意事项：.css⽂件本⾝就代表是样式，所以直接写对应的样式即可，不需要有style标签或属性。
2. 选择器：选择器可以快速、⽅便的选择所需要使⽤的页⾯元素。
2.1 基本选择器：基本选择器分三种，分别是：标签选择器、类选择器、id选择器。
2.1.1 标签选择器：标签选择器主要是根据标签的名字进⾏元素的选择，其语法为：标签名{}。
2.1.2 类选择器：类选择器是通过class属性进⾏元素的获取，可⽤于对多个元素进⾏相同的样式设置，其语法为：.类名{}。
2.1.3 id选择器：id选择器是通过id属性给元素⼀个唯⼀标识（设置多个id相同不会报错，会影响后期js的学习，建议id值要唯⼀），其语法为：#id名{}。
2.2 属性选择器：属性选择器是根据元素上已有的属性标识进⾏选择，其语法为：[属性名='']{}。
2.3 后代选择器：后代选择器是根据元素在页⾯中的相对（嵌套）位置进⾏按区域选择元素。
2.4 组合选择器：组合选择器是根据元素在页⾯中的同级关系进⾏选择。
2.5 伪类选择器：伪类选择器是css3中提供的⽤于快速查元素的便捷选择器。伪类选择器在超链接上的应⽤，超链接的字体颜⾊只有将样式直接作⽤在超链接上时才会⽣效。
3.6 通配符选择器：*通配符，作⽤在页⾯中的所有标签上，开发不建议使⽤，影响⽹页的渲染性能，其语法为：*{}。
使⽤通配符和使⽤选择器有什么区别？
开发不建议使⽤通配符，通配符相当于是作⽤在了所有的标签上，某些属性并不是所有的标签都能识别，只要加了属性不论是否⽣效，浏览器都会对属性进⾏解析然后渲染，这样⽐较消耗性能。
3.7 选择器优先级：⽹页中的选择器多种多样，可以组合使⽤，当同⼀个元素有多个样式时，最终⽣效的样式与优先级有关。选择器的优先级为：！important(不要轻易使⽤)>⾏内样式>id选择器>类选择器>标签选择器。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。