块元素特点:
1、独占一行
2、高度、宽度、外边距以及内边距都可以控制
3、宽度默认是容器(父级宽度)的100%
4、是一个容器及盒子,里面可以放行内元素或者是块元素
注意:
文字类的元素内不能使用块元素
p标签主要存放文字,因此不能放块元素,特别是不能放div
同理h1~h6等都是文字类块元素,里面也不能放其他的块元素
行内元素特点:
1、相邻行内元素在一行上,一行可以显示多个
2、高、宽直接设置是无效的。
3、默认宽度就是它本身内容的宽度。
4、行内元素只能容纳文本或者其他行内元素。
注意:
链接里面不能再放链接
特殊情况链接a里面可以放块级元素,但是给a转换一下块级模式最安全
行内块元素
<img/> <input/> <td></td>他们同时具有块元素和行内元素的特点
行内块元素的特点:
1、可以和相邻行内元素(行内块元素)在一行上,但是他们之间会有空白缝隙。一行可以显示多个(行内元素特点)
2、默认宽度就是它本身内容的宽度(行内元素特点)
3、高度、行高、外边距以及内边距都可以控制(块级元素特点)
三者相互转换元素请点击——元素之间转换