```
标准文档流 display状态
```
HTML元素分2种:分别是容器级和文本级
## CSS 的角度分为三种:块级元素 ,行内元素,行内块元素
```
块级元素
: 可以设置宽高,每个块独占一行。
行内元素:不可以设置行高,可以并排显示。
行内块元素的
:可以设置宽高也可以并排显示
```
### 块级元素
特点:可以设置宽度高度,元素独占一行
常用的块级元素
DIV, P标签 H1-H6 , ul, ol, dl 等等
### 行内元素
常用行内元素:span, a,b ,u, i等标签
特点:文字并排显示,不能设置盒子的宽度和高度
### 行内块元素的
常见行内块元素:input, img,table
特点 :可以设置宽度和高度也可以并排显示
display 显示模式
大部分标签默认的时候都会以各自的显示状态(类型)进行加载,标签的显示状态并不是固定不变的,可以通过css属性 display进行切换。
display 属性值
block: 砖块的意思,表示标签要以块级元素加载
```
display:block ;砖块级状态
display:inline;并排显示
display:inline-balock; 行内块的意思
```
```
display:none; 隐藏元素(常用于轮播图隐藏图片)
```
![](https://img.kancloud.cn/49/fc/49fc546d6a7acb5fcf5bcbd7d56173f9_937x862.png)
- 简介
- 文字三属性(颜色,字号,字体)
- 盒子三属性(width , height, background-color)
- CSS引入方法
- CSS选择器
- css高级选择器
- CSS的继承性
- 颜色属性color
- 字体font-family
- 字号font-size
- 文字在盒子行高 line-height
- 字体加粗font-weight
- 字体样式font-style
- 文本段落对齐text-align
- 文字修饰(上划线下划线中划线 text-decoration)
- 文字缩进text-indent
- 盒子模型的宽度与高度width,height
- 内边距padding
- 边框border
- 外边距margin
- 清除默认样式
- 盒子height高度属性拓展
- 文字在盒子里居中text-align:center
- 盒子在盒子里的水平居中
- margin塌陷
- 标准文档流display
- 浮动float
- 浮动元素性质
- 浮动贴边原理
- 浮动元素的标准流问题(文字围边效果)
- 清除浮动
- 清除浮动影响二: clear属性
- 清除浮动overflow方法
- 伪类标签
- background-color背景颜色属性
- background-image 背景图片调用
- background-repeat 背景图平铺状态
- background-position背景定位
- background-attachment背景附着
- background综合语法
- 相对定位position:relative
- 绝对定位position:absolute
- 定位压盖顺序
- CSS制作LOGO超链接妙招
- CSS公共类的继承性
- em单位
- 媒体查询
- flex布局