在CSS的规定中，每个页面元素都有一个display的属性，用于确定这个元素的类型是行内元素，还是块级元素；
（1）行内元素：元素在一行内水平排列，依附于其他块级元素存在，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的；一般行内元素，只能是文本或嵌套行内元素，如常见元素<a>，<input>，<span>，<iframe>和元素样式的display:inline的都是行内元素；
a）设置宽度width和高度height无效，不过高度可以通过line-height来设置；
b）设置margin和padding，只有左右有效，上下都是无效的；
c）只能嵌套行内元素，不能嵌套块级元素，如<p>不能嵌套<div>；
d）行内元素一般是用于网站细节的实现；
（2）块级元素：每个块级元素默认占一行高度，一行内添加一个块级元素后无法一般无法添加其他元素（float浮动后除外），两个块级元素连续编辑时，会在页面自动换行显示，块级元素一般可嵌套块级元素或行内元素；块级元素如<h1>，<div>，<form>，<ul>，<table>等等；
a）不在同一行，高度，边距等可设置；
b）宽度默认是它的容器的100%，除非设置一个宽度；
c）可嵌套块级元素或行内元素，有些只能嵌套行内元素，如<h1>，<h2>，<p>，<dt>等；
d）一般用于搭建网站架构、布局、承载内容；
（3）需要注意的：
a）块级元素与块级元素并列、行内元素与行内元素并列；如
<div> <h2></h2><p></p> </div> 正确
<div> <a href=”#”></a> <span></span> </div> 正确
<div> <h2></h2> <span></span> </div> 错误
b）例如，a元素是行内元素，要对它设置高度和宽度等属性，是没有用的，因此，可以通过设置display:block属性，将其强制转化为块级元素；
（4）例如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>行内元素，块级元素</title> </head> <body> <div style="background-color:#99CC00; margin-top:20px; height:50px">div是块及元素，默认为block</div> <span style="background-color:#99CC00; margin-top:20px; margin-left:20px; height:50px">span是行内元素</span> <span style="display:block;background-color:#99CC00; margin-top:20px; margin-left:20px; height:50px">span加了block属性后，将其强制改为块级元素</span> </body> </html>
具体的行内元素或块元素，可查看：http://www.xinran001.com/bbs/thread-180-1-2.html