块元素和内联元素
块元素
div
就是一个块元素
所谓的块元素就是会独占一行的元素,无论它的内容多与少,不管它的尺寸大与小,它都会独占一行。
- 常见的块元素:
div
、p
、h1
、h2
、h3
······
PS:
div
标签没有任何语义,就是一个纯粹的块元素,相当纯粹,且不会为它包裹的子元素设置任何默认样式,div
元素主要用来进行页面布局。
内联元素
- span就是一个内联元素(行内元素)
所谓的内联元素就是只占用自身大小的元素,不会独占一行。
- 常见的内联元素:
span
、a
、img
、iframe
······
PS:
span
标签没有任何语义,就是一个纯粹的内联元素,相当纯粹,且不会为它包裹的子元素设置任何默认样式,span
标签专门用来选中文字,以便为文字设置样式。
注意
- 块元素只用来页面布局。
- 内联元素主要用来选中文本设置样式。
- 一般情况下只使用块元素去包含内联元素,而不会使用内联元素去包含块元素。
a
元素可以包含任意元素,除了它本身。
p
元素不可以包含任何块元素。
提示:在HTML5中,块元素和内联元素几乎被去掉了,而使用了极其复杂的内容模型来描述,作为初学者的我们使用以上概念即可。
如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/09.html