通过CSS修改元素类型
事实上元素没有本质的区别。div是块级元素, span是行内级元素。div之所以是块级元素仅仅是因为浏览器默认设置了display属性而已;
那么我们可以通过display来改变元素的特性。
CSS属性 - display
CSS中有个display属性，能修改元素的显示类型，有4个常用值。
- block：让元素显示为块级元素
- inline：让元素显示为行内级元素
- inline-block：让元素同时具备行内级、块级元素的特征
- none：隐藏元素
display值的特性
block元素:
- 独占父元素的一行
- 可以随意设置宽高
- 高度默认由内容决定
inline-block元素：
- 跟其他行内级元素在同一行显示
- 可以随意设置宽高
inline：
- 跟其他行内级元素在同一行显示
- 不可以随意设置宽高
- 宽高都由内容决定
块级元素、inline-block元素一般情况下，可以包含其他任何元素（比如块级元素、行内级元素、inline-block元素）。特殊情况，p元素不能包含其他块级元素。行内级元素（比如a、span、strong等）一般情况下，只能包含行内级元素。
