块级元素和行内元素的区别

* address - 地址   

　　* blockquote - 块引用   

　　* center - 举中对齐块   

　　* dir - 目录列表   

　　* div - 常用块级容易，也是css layout的主要标签   

　　* dl - 定义列表   

　　* fieldset - form控制组   

　　* form - 交互表单   

　　* h1 - 大标题   

　　* h2 - 副标题   

　　* h3 - 3级标题   

　　* h4 - 4级标题   

　　* h5 - 5级标题   

　　* h6 - 6级标题   

　　* hr - 水平分隔线   

　　* isindex - input prompt   

　　* menu - 菜单列表   

　　* noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容   

　　* noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）   

　　* ol - 排序表单   

　　* p - 段落   

　　* pre - 格式化文本   

　　* table - 表格   

　　* ul - 非排序列表   

  

内联元素(inline element)   

  

　　* a - 锚点   

　　* abbr - 缩写   

　　* acronym - 首字   

　　* b - 粗体(不推荐)   

　　* bdo - bidi override   

　　* big - 大字体   

　　* br - 换行   

　　* cite - 引用   

　　* code - 计算机代码(在引用源码的时候需要)   

　　* dfn - 定义字段   

　　* em - 强调   

　　* font - 字体设定(不推荐)   

　　* i - 斜体   

　　* img - 图片   

　　* input - 输入框   

　　* kbd - 定义键盘文本   

　　* label - 表格标签   

　　* q - 短引用   

　　* s - 中划线(不推荐)   

　　* samp - 定义范例计算机代码   

　　* select - 项目选择   

　　* small - 小字体文本   

　　* span - 常用内联容器，定义文本内区块   

　　* strike - 中划线   

　　* strong - 粗体强调   

　　* sub - 下标   

　　* sup - 上标   

　　* textarea - 多行文本输入框   

　　* tt - 电传文本   

　　* u - 下划线   

　　* var - 定义变量   

  

可变元素   

  

　　可变元素为根据上下文语境决定该元素为块元素或者内联元素。   

　　* applet - java applet   

　　* button - 按钮   

　　* del - 删除文本   

　　* iframe - inline frame   

　　* ins - 插入的文本   

　　* map - 图片区块(map)   

　　* object - object对象   

　　* script - 客户端脚本

素，那么他们之间必然有区别：

1.块级元素总是独自占一行，前面和后面就好像有个换行符，内联元素总是和其它的内联兄弟占一行

2.块级元素可以设置宽和高度值，内联元素就不行了，他们的宽和高总是随着自身的内容自动扩大和缩小

3.块级元素的margin和padding都正常，内联元素左右maring和左右padding正常，上下不正常不识别，也就是说不能通过margin-top和padding-top来改变行高

关于第3点补充下：

display:inline-block;

 将对象呈递为内联元素，与其它的元素同处一行，但是内部又呈现出块级元素，也就是可以设置宽和度，打破了块级元素和内联元素的区别，此属 性，IE8，FF3，其它的标准浏览器都识别，IE6，IE7，FF2不识别此属性，但是在IE6,7下面使用又好像识别了，是因为他触发了IE的 haslayout，(类似于zoom:1),所以从表现上来说他们支持这个属性.