CSS之元素显示

1.什么是元素显示模式

是指元素以什么样的方式进行显示，比如div标签，自己独占一行，span标签一行可以放置多个。
HTML元素一般可以分为，块元素和行内元素两种。

块元素

常见的块元素有h1~h6，p，div，ul，ol，li，其中div是最典型的块标签。
块标签元素的特点。
比较霸道，自己独占一行。
高度，宽度，外边距以及内边距都可以控制。
宽度默认是容器的100%
是一个容器及盒子，里面可以放置行内或者块级元素。

注意
文字类的元素不能使用块级元素。
p标签主要存放文字，因此p标签中不能放块级元素。
同理，h1~h6都是文字块级标签，里面不能放置其他块级标签。

行内元素

常见的行内标签有，a，strong，b，em,i,del,s,ins,u,span,其中span标签是最典型的行内标签元素。
有的地方也称行内元素为内联元素。
相邻行内元素在一行上，一行可以显示多个。
高宽直接设置是无效的，默认宽度就是他本身内容的宽度。
行内元素只能容纳文本或其他行内元素。

注意事项
链接中不能再放入链接。
特殊情况下，a链接可以放置块级元素，但是给a转换一下块级模式最安全。

行内块元素

在行内元素中有几个特殊的标签，i