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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014745069/article/details/85414674

一、块元素与div标签

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

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

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

二、内联元素

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

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

2.1 span标签

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

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

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

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

a标签除了它本身之外,可以包含其他任何(块元素或内联元素)元素

p标签不可以包含任何(包括它本身)块元素

猜你喜欢

转载自blog.csdn.net/u014745069/article/details/85414674