一、什么是CSS？
CSS全称Cascading Style Sheet，层叠样式表，是专门用来为HTML标签添加样式的。
- 样式：HTML标签的显示效果，比如换行、宽高、颜色等
- 层叠：属于CSS的三大特性之一
- 表：指的是我们将样式统一收集起来写在一个地方或者一个CSS文件里
二、为什么要使用CSS？
没有CSS之前，我们想要修改HTML标签的样式则需要为每个HTML标签单独定义样式属性
这样做的缺点就是
#1、记忆困难：需要记住每一个标签的所有样式相关属性，如果标签没有某个样式相关的属性，那么设置了也没有用
#2、代码耦合度高：HTML语义与样式耦合到一起
于是CSS应运而生
三、如何使用CSS？
1、如何使用CSS之CSS的语法
CSS语法可以分为两部分：
- 1、选择器
- 2、声明（由属性和值组成，多个声明之间用分号分割）
2、如何使用CSS之CSS的四种引入方式
#1、行内式（在标签的style属性中设定CSS样式，体现不出CSS的优势）
<p style="color: red;font-size: 30px;text-align: center">引入方式一</p>
#2、嵌入式（将CSS样式集中写在网页<head></head>标签内部的<style></style>标签对中）
<head>
<style>
p {
color:red;
font_size:30px;
text-align:center;
}
</style>
<head>
# 首先在与html文件同级别目录下有个CSS文件夹，该文件下新建一个外部样式表aaa.css(使用导入式和外链式导入)，内容为：
p {
color: red;
font-size: 30px;
text-align: center
}
#3、导入式（两种形式的import，有的浏览器尚不支持CSS2.1版本，所以用得少）
<head>
<style>
/*形式一：*/
@import "css/aaa.css";
/*形式二：*/
@import url("css/aaa.css");
</style>
</head>
#4、外链式（推荐使用）
<head>
<link rel="stylesheet" href="css/aaa.css">
</head>
导入式与外链式的区别：
#1、<link/>标签是属于XHTML，@import是属于CSS2.1版本独有的，对于不兼容CSS2.1版本的浏览器来说是无法使用的
#2、导入式的缺点：
导入式会在整个网页装载完毕后再装载CSS文件，如果网页比较大，装载慢了就会有明显的闪烁（先显示无样式的页面，闪烁一下再显示网页的样式），用户体验差
#3、链接式的优点：
使用链接式时与导入式不同的是他会在网页前加载CSS文件，因此显示出来的网页一开始就带样式的
# 注意点：
1、style标签必须放到head内，type="text/css"代表文本类型的CSS
2、type属性其实可以不用写，默认就是type="text/css"
3、设置样式时，必须按照股sing的格式来设置。key:value;
其中;不能省略（除了最后一个）
3、CSS注释
/*注释内容*/
g-HXc68VHa-1600273245619)]
3、CSS注释
/*注释内容*/
963
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
