CSS的显示模式

在HTML中一共右三种元素显示方式，每个显示模式都有自己的CSS样式，分别是块元素、行元素、行内块元素

 

块元素

独占一行，宽度默认是父元素的宽度，高度是随着内容不断变化。

代表标签：div、p、h系列、ul

 

行元素

不独占一行，高宽默认随着内容变化

代表标签：a、span

 

行内快元素

不独占一行，可以设置高宽

代表标签：input、areatext、button、select

 

在实际使用中需要块元素可以一行多个，这是就需要改变标签的显示模式

属性名：display

属性值：block（块）、inline（行）、inline-block（行内快）

 

在HTML找那个标签的嵌套需要注意，div可以嵌套任何标签，p标签不能包含任何块标签，而a标签可以有任何标签但是不能有他本身。