CSS基础语法
CSS（层叠式样式表）是用来给HTML标签添加样式的语言
1.前端三层
| 语言 | 功能 | |
|---|---|---|
| 结构层 | HTNL | 搭建结构，放置部件，描述语义 |
| 样式层 | CSS | 美化页面，实现布局 |
| 行为层 | Javascript | 实现交互效果，数据收发，表单验证等 |
2.CSS3的书写位置
一般使用<link>标签引入，如：<link rel="stylesheet" href="css.css">
其中，css.css为文件名
3.CSS3的注释:/* */
4.CSS3的选择器
- id选择器
- 标签选择器
复合选择器
- 后代选择器
- 交集选择器
- 并集选择器
- 伪类
| 伪类 | 意义 |
|---|---|
| a:link | 没有被访问的超级链接 |
| a:visited | 已经被访问过的超级链接 |
| a:hover | 正被鼠标悬停的超级链接 |
| a：active | 正被激活的超级链接（按下按键但还没松开按键 |
| :empty | 选择空标签 |
| :focus | 选择当前获得焦点的表单元素 |
| :enabled | 选择当前有效的表单元素 |
| :disabled | 选择当前有无效的表单元素 |
| :checked | 选择当前已经勾选的单选按钮或复选按钮 |
| :root | 选择<html>标签 |
元素关系选择器
- 子选择器
- 相邻兄弟选择器
- 通用兄弟选择器
- 序号选择器
属性选择器
5.常用文本样式属性
（1）color属性设置文本内容的前景色
表示法：英文单词，十六进制，rgb()，rgba()等
（2）font-size属性设置字号，通常单位为px
（3）font-weight设置字体的粗细程度，通常用normal和bold两个值
（4）font-style属性设置字体的倾斜
（5）text-decoration属性设置文本的修饰线（下划线，删除线）6.字体属性
使用font-family属性设置字体
7.段落和行相关属性
（1）text-indent属性定义首行文本内容之前的缩进量
（2）line-height属性定义行高
（3）单行文本垂直居中，设置行高=盒子高度8.盒模型
所有HTML标签可以看成矩形盒子，由width,height,padding,border构成，称为“盒模型”。
盒子总宽度=width+左右padding+左右border；
盒子总高度=height+上下padding+上下border
其中，width表示盒子内容的宽度；
height表示盒子内容的高度；
padding表示盒子的内边距，即盒子边框内壁到文字的距离。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。