CSS样式知道了，但是样式表的特征你了解了吗？

CSS样式是一种用来表示HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

CSS能够对 网页中的对象的位置排版进行像素级的精准控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计。

今天我们就主要讲一下CSS样式表的特征。那么首先我们先来温故一下CSS样式都有哪些呢？

1、内联方式

使用style属性，只是对当前标签有效，页面内容和样式高度耦合(直接把CSS代码用style属性添加到开始标签中)

< p style=”color:red”>红色字体< /p>

2、内部样式表

在head中使用style标签，当前页面有效，内容和样式一定程度分离，但是不彻底(直接把CSS代码添加到头部的style标签中)

< head>

​ < style>

​ P{color:red;}

​ < /style>

< /head>

3、 外部样式表

将样式写到一个单独CSS文件中，需要用到HTML文件，引用它即可。

< link rel="stylesheet" href=""/> StyleSheet,的意思就是样式调用

4、 导入式

< head>

​ < style>

​ @import url(my.css);

​ < /style>

< /head>

CSS样式表特征都有哪些呢？

1.继承性

指被包含在内部的标签可以拥有外部标签的样式，比如：text-、font-、line-*，但有些属性不能继承，比如：border、padding、margin

2.层叠行

可以为一个元素定义多个样式规则

多个样式规则中，如果样式声明不重复的话，那么则可以层叠为一个样式规则

3.优先级

样式定义冲突时，按照不同样式规则的优先级来应用样式

1.相同的选择器，其样式表排序：行内样式>内部样式>外部样式（就近原则）

2.相同方式的样式表，其选择器表示：ID选择器>类选择器>标签选择器（范围越小越优先）

3.外部样式表的ID选择器>内部样式表的标签选择器

（ps:如果您觉得有用，请点赞转发，让更多人看到哦）

---

小伙伴也可以加一下QQ群，可以获取资源以及更多学习方法哦

QQ群：1126277960 （暗号：CSDN）