CSS显示模式与选择器优先级
作者：互联网
1.显示模式
| 显示模式 | 元素排列 | 样式 | 默认宽度 |
|---|---|---|---|
| 块级元素 | 一行只能放一个 | 可以设置宽高 | 容器的100% |
| 行内元素 | 一行可以放多个 | 不可以直接设置宽高 | 本身内容宽度 |
| 行内块元素 | 一行可以放多个 | 可以设置宽高 | 本身内容的宽度 |
显示模式转换
转换为块级元素
display:block;
转换为行内元素
display:inline;
转换为行内块元素
display:inline-block;
2.选择器优先级
继承<通配符选择器<标签选择器<类选择器<id选择器<行内样式<!important
当继承优先级最低的时候，!important不能提升继承优先级。
!important写在属性值的后面，分号的前面
3.CSS三大特性
- 继承性
- 层叠性
- 优先级
4.CSS盒模型
content、padding、border、margin
标签：行内,优先级,元素,宽高,display,选择器,CSS 来源： https://www.cnblogs.com/titaniumwu/p/16538605.html