CSS层叠样式表
- css是一种样式表语言，它用来描述html文档里的元素如何呈现的；
- 在网页中，css就是用来个html元素添加样式的：字体大小、颜色、宽高、间距等…以及添加动画等装饰性的特征；
- 层叠：css样式可以存在于多个地方，多个样式可以作用在同一个标签上，相同的样式会显示优先级更高的，不同的样式会累计都作用在该标签上，样式会层叠作用；
- 样式表：用户编写的样式，所有样式集合在一起就是样式表：内嵌样式表、内部样式表、外部样式表。
样式的语法
1、内嵌样式
- 内嵌样式表只会作用在当前标签上
<标签名 style="样式名1：样式值1；样式名2：样式值2；...."></标签名>
2、内部样式
- 内部样式表会作用在指定的一组标签上
<head>
<style>
选择器{
样式名1：样式值1；
样式名2：样式值2；
...
}
</style>
</head>
3、外部样式
- 需要在外部定义一个以.css后缀结尾的css文件
- 在head标签中通过link引入
<head>
<link rel="stylesheet" href="css文件的路径">
</head>
- CSS文件里的语法如下：
选择器{
样式名1：样式值1；
样式名2：样式值2；
…
}
4、样式来源
① 用户自己编写的样式：
- 内嵌样式表
- 内部样式表
- 外部样式表
②浏览器赋予的样式
- 浏览器默认样式
- 浏览器用户自定义样式
5、样式来源的优先级
内嵌样式表 > 内部样式表 ≈ 外部样式表（内部和外部采用就近原则）
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
