一、什么是css,css有什么用呢?
- 中文名称:层叠样式表
- 英文名称:(Cascading Style Sheet)
- 用来美化界面,专门负责网页中内容的布局和样式
1.层叠样式表
-
层叠:层叠的意思就是“继承”、“权重”、“覆盖”,通过良好的层级命名更好的实现效果,更少的代码,更多的功能。
-
层叠指的是样式的优先级,当产生冲突时以优先级高的为准。
-
1.样式来源:开发者样式>读者样式>浏览器样式(除非使用!important标记 )
-
2.id选择符>(伪)类选择符>元素选择符
-
3.权重相同时取后面定义的样式
层叠样式: 对同一个标签添加多个不同的样式,所有样式会叠加在一起展示出效果
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#test {
font-size: 50px;
color: crimson;
border: 5px solid orange;
}
</style>
</head>
<body>
<sapn id="test">你好CSS!</sapn>
</body>
</html>
优点:
1.实现了样式和内容的分离,提高了显示效果和样式的复用性
2.降低耦合性,分工更加明确,CSS专门用于美化,HTML专门用于结构搭建