HTML元素一般分为行内元素和块元素
块元素
1,独占一行
2,height和weight都可以设置
3,宽度默认浏览器的宽度
4,是一个容器及盒子,里面可以放行内元素或块级元素
5,但是文字类的元素内部不能放块级元素,比如p h1~h6
6,常见的块级元素:
div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p
行内元素
1,一行内可以显示多个行内元素
2,height和weight都不可以设置
3,默认宽度是本身的宽度
4,行内元素智能容纳文本或者其他行内元素
****注意:链接里面不能再放链接;里面可以放块级元素
5,常见的行内元素:
span img strong sub sup button input label select textarea
行内块元素
<img/> <input/> <td> 同时具有块元素和行内元素的特点
1,和相邻行内元素在同一行上,但是他们之间有缝隙
2,默认宽度是本身宽度
3,高度和宽度都可以控制
不同元素的模式切换
转换为块元素:displsy:block
转换为行内元素:display:inline
转换为行内块元素:display:inline-block