块级元素会占用父元素的所有空间,因此产生了一块
区域,浏览器通常会在块级元素的开始和结束的地方插入换行符,下面的例子说明块级元素的影响
<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
请参考内联元素,查看两个的区别。