前端4-块级元素&行内元素&行内块元素

Posted 2020-12-21 wan520

一、块级元素：

1、常见块级元素：h1~h6、p、div、ul、ol、li

2、特点：

①、自己独占一行。

②、高宽、内外边距都可以控制。

③、默认宽度时父级宽度。

④、是一个容器和盒子，里面可以放行内元或者块级元素。

3、注意：

①、文字类元素内不能使用块级元素。

　　例如：<p>、<h>标签主要用于放文字，里面不能再放其它块级元素。

 

二、行内元素：

1、常见行内元素：a、strong、b、em、i、del、s、ins、u、span

2、特点：

①、一行可以显示多个。

②、宽高设置无效。

③、默认宽度是他本身内容的宽度。

④、行内元素只能容纳文本或者其它行内元素，不能放块级元素。

3、注意：

①、链接里面不能再放链接。

②、特殊情况 a 里面可以放块级元素，但是要转换为块级模式最安全。

 

三、行内块元素：

1、常见的行内块元素：img、input、td。

2、特点：

①、一行可以显示多个。

②、默认宽度就是他本身内容的宽度。

③、宽高、内外边距都可以控制。