块元素和内联元素

内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素,常见内联元素"a"。

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素cite加上display:block这样的属性,让他也有每次都从新行开始的属性。

块元素是指在默认情况下不会换行显示的元素,之所以要区分块元素,是因为在样式表中有部分属性只对块元素起任用

不管块状元素宽度是多少,它总会自动占据一行,原来是因为它在末尾附加了一个换行符,而行内元素没有这一特征。所以块状元素只能单行显示,而不能并列显示;

块状元素拥有完整的盒模型结构,因此可以给它定义宽度和高度,而行内元素没有这样的我,无法通过高度来改变文本行的行高。

两者可以通过display属性来改变其显示属性;             

块元素(block element)div使用最多,内联元素(inline element)其代表是span
block address   地址
block blockquote   块引用
block center   举中对齐块
block dir   目录列表
block div   常用块级容易,也是css layout的主要标签
block dl   定义列表
block fieldset   form控制组
block form   交互表单
block h1   大标题
block h2   副标题
block h3   3级标题
block h4   4级标题
block h5   5级标题
block h6   6级标题
block hr   水平分隔线
block isindex   input prompt
block menu   菜单列表
block noframes   frames可选内容,(对于不支持frame的浏览器显示此区块内容
block noscript   可选脚本内容(对于不支持script的浏览器显示此内容)
block ol   排序表单
block  段落
block pre   格式化文本
block table   表格
block ul   非排序列表
inline  锚点
inline abbr   缩写
inline acronym   首字
inline  粗体(不推荐)
inline bdo   bidi override
inline big   大字体
inline br   换行
inline cite   引用
inline code   计算机代码(在引用源码的时候需要)
inline dfn   定义字段
inline em   强调
inline font   字体设定(不推荐)
inline  斜体
inline img   图片
inline input   输入框
inline kbd   定义键盘文本
inline label   表格标签
inline  短引用
inline  中划线(不推荐)
inline samp   定义范例计算机代码
inline select   项目选择
inline small   小字体文本
inline span   常用内联容器,定义文本内区块
inline strike   中划线
inline strong   粗体强调
inline sub   下标
inline sup   上标
inline textarea   多行文本输入框
inline tt   电传文本
inline  下划线
inline var   定义变量

可以应用display and float两个属性来更改两类元素的显示方式;