块级元素会占用父元素的所有空间,因此产生了一块区域,浏览器通常会在块级元素的开始和结束的地方插入换行符,下面的例子说明块级元素的影响
<p>这个段落是一个块级元素,其背景已被着色以显示块级元素的的影响。</p>
p标签的样式如下:
p { background-color: #222;color:#fff; }
这个段落是一个块级元素,其背景已被着色以显示块级元素的的影响。
以下元素均为块级元素
- address, article
HTML5, asideHTML5, blockquote, canvasHTML5 - dd, div, dl, fieldset, figcaption
HTML5, figureHTML5, footerHTML5 - form, h1, h2, h3, h4, h5, h6, header
HTML5, hgroupHTML5 - hr, li, main, nav, noscript, ol, output
HTML5, p, pre - section
HTML5, table, tfoot, ul, videoHTML5
请参考内联元素,查看两个的区别。