HTML元素----行内块、行内、块级元素

一、什么是行内元素，什么是块级元素，区别？

1、 块级元素的特点

（1）独占一行

（2）高度，宽度、外边距以及内边距都可以控制。

（3）宽度默认是容器（父级宽度）的100%

（4）是一个容器及盒子，里面可以放行内或者块级元素。

• 注意：
  • 只有 文字才 能组成段落 因此 p 里面不能放块级元素，特别是 p 不能放div
  • 同理还有这些标签h1,h2,h3,h4,h5,h6,dt，他们都是文字类块级标签，里面不能放其他块级元素。
    **

2、- 行内元素的特点：

**

（1）相邻行内元素在一行上，一行可以显示多个。

（2）高、宽直接设置是无效的。

（3）默认宽度就是它本身内容的宽度。

（4）行内元素只能容纳文本或则其他行内元素。

注意：

• 链接里面不能再放链接。
• 特殊情况a里面可以放块级元素，但是给a转换一下块级模式最安全。

二、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

**常用元素，CSS规范规定，每个元素都有display属性，确定该元素的类

型，每个元素都有默认的display值，如div的display默认值为“block”，则为

“块级”元素；span默认display属性值为“inline”，是“行内”元素：

（1）行内元素有：a b span img input select strong（强调的语气）

（2）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p

（3）常见的空元素：

<br> <hr> <img> <input> <link> <meta>

鲜为人知的是：

<area> <base> <col> <command> <embed> <keygen> <param> <source> <track> 
<wbr>**