HTML&CSS————块元素与内联元素

一、块元素与div标签

div是一个块元素，块元素会独占一行，无论它的内容有多少，都会独占一整行。

类似的块元素还有：<p>、<h1>、<h2>、<h3> ·······

然而，<div>标签没有任何语义，就是一个纯粹的块元素，并且不会为它里面的内容设置任何默认样式。它的作用主要是对页面进行布局的。

二、内联元素

内联元素也叫“行内元素”，相对于块元素来说，行内元素不会独占一行，只会占用自身内容大小。当一行容纳不下便会自动换行。

类似的行内元素还有：<a>、<img>、<iframe> ·······、<span>

2.1 span标签

span没有任何语义，一般专门用来选中文本，以便为文字设置样式。

三、块元素与内联元素的使用规则

块元素主要用来做页面的布局，内联元素主要用来选中文本设置样式。

一般情况下只使用块元素去包含内联元素，而不会使用内联元素包含块元素。

a标签除了它本身之外，可以包含其他任何（块元素或内联元素）元素。

p标签不可以包含任何（包括它本身）块元素。