块级元素和行内元素

元素显示角色：块级（block-level）元素和行内（inline-level）元素

 

块级元素

块级元素生成一个元素框，（默认的）它会填充其父元素的内容区，旁边不能有其他元素。换句话说，它在元素框之前和之后生成了“分隔符”。

主要有<p>、<div>、<ol>、<li>、<ul>、<dl>、<dt>、<dd>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<table>……

 

行内元素

行内元素在一个文本行内生成元素框，而不会打断这行文本。这些元素不会在它本身之前或之后生成“分隔符”，所以可以出现在另一个元素的内容中，而不会破坏其显示。

行内元素：<a>、<img>、<input>、<label>、<span>……

 

 

XHTML行内元素可以继承块元素，反之则不允许。

但CSS没有这种限制，仍然是上述标记，但可以改变两个元素的显示角色——利用display。如下：

p{display:inline}  //将其设置为行内元素

em{display:block}  //将其设置为块元素

display默认为inline