css3简介
css（cascading style sheet，层叠式样式表）是用来给HTML标签添加样式的语言
前端三层：
结构层--使用HTML语言--搭建结构，放置部件，描述语义
样式层--使用css语言--美化页面，实现布局
行为层--使用JavaScript语言--实现交互效果，数据收发，表单验证等
css使样式和结构分离：
css使样式和结构分离，样式和结构彼此分开写：
HTML就负责结构，css负责样式
HTML和css通过“选择器”进行结合
css3基本使用
1）css3的书写位置
内嵌式：
内嵌在.html文件中，在<head></head>标签对中，书写<style></style>标签对，里面书写css语句
![6I]R{$_HDZ]%N2DK1]IPG5I.png](p3-juejin.byteimg.com/tos-cn-i-k3…)
外链式：
将css单独存为.css文件，然后使用标签引入它
<link rel="stylesheet" href="css.css">
rel表示你要引入的与此文件的关系
stylesheet：样式表
href：引入文件的路径
外链式的优点：
多个HTML网页，可以共用一个css样式表文件
导入式:
<style>
@import url(css.css);
</style>
使用导入式引入的样式表，不会等待css文件加载完毕，而是会立即渲染HTML结构，所以页面会有几秒钟的类似卡顿的时间
行内式：
样式可以直接通过style属性写在标签上
<h2 style="color:red;">我是一个二级标题</h2>
![U~T3%(A3Z5N%T]2ALLA2E52.png](p3-juejin.byteimg.com/tos-cn-i-k3…)
![6I]R{$_HDZ]%N2DK1]IPG5I.png](p1-juejin.byteimg.com/tos-cn-i-k3…)
2）css3的基本语法
h1{
color:red;
}
h1：选择器，大括号对里面书写样式，每个样式用“；”隔开，
这个“；”是英文的“；”
最后一条样式可以不书写分号，可以没有换行，
css3的注释是/* */,按ctrl+/可以快速输入
