前端之路(十二) —— CSS创建

在初识CSS中我们简单介绍了一下CSS文件创建引入，今天我们在系统地学习一下。在‘初识CSS’一节中，我们提到过CSS主要有三种方式插入：

• 外部样式表：通过link进行引入；
• 内部样式表：通过style进行设置；
• 内联（行内）样式：标签内进行设置；

样式优先级

上一节中我们提到了样式优先级问题，也举一个例子说明了id选择器优先级比class优先级高。通过这个例子，我们清楚对于一个元素而言，它可以有多重样式，既可以有内联样式也可以有class类选择器样式等等，多重样式存在下，同一个属性优先展示哪个？想要解决这个问题，了解样式优先级就可以啦。按照简单的理解优先级如下：

内联样式>内部样式>外部样式

这个优先级过于笼统，最起码id选择器和class选择器没有包含里面，并且除了id和class选择器我们还有：

• 伪类选择器
• 属性选择器
• 伪元素选择器
• 通配选择器
• 标签选择器

这些选择器后续我们会一个个进行介绍。

加上这些选择器后优先级如下：

内联样式 > id 选择器 > 类选择器 = 伪类选择器 = 属性选择器 > 标签选择器 = 伪元素选择器