HTML中行内元素与块级元素的区别:
在标准文档流里面,块级元素具有以下特点:
①总是在新行上开始,占据一整行;
②高度,行高以及外边距和内边距都可控制;
③宽带始终是与浏览器宽度一样,与内容无关;
④它可以容纳内联元素和其他块元素。
行内元素的特点:
①和其他元素都在一行上;
②高,行高及外边距和内边距部分可改变;
③宽度只与内容有关;
④行内元素只能容纳文本或者其他行内元素。
不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用,也可以设置内边界,但是内边界在ie6中不对上下起作用,只能对左右起作用
常见的块级元素与行内元素:
1 块元素(block element)
2
3 * address - 地址
4 * blockquote - 块引用
5 * center - 举中对齐块
6 * dir - 目录列表
7 * div - 常用块级容易,也是css layout的主要标签
8 * dl - 定义列表
9 * fieldset - form控制组
10 * form - 交互表单
11 * h1 - 大标题
12 * h2 - 副标题
13 * h3 - 3级标题
14 * h4 - 4级标题
15 * h5 - 5级标题
16 * h6 - 6级标题
17 * hr - 水平分隔线
18 * isindex - input prompt
19 * menu - 菜单列表
20 * noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容
21 * noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
22 * ol - 排序表单
23 * p - 段落
24 * pre - 格式化文本
25 * table - 表格
26 * ul - 非排序列表
27
28 行内元素(inline element)
29
30 * a - 锚点
31 * abbr - 缩写
32 * acronym - 首字
33 * b - 粗体(不推荐)
34 * bdo - bidi override
35 * big - 大字体
36 * br - 换行
37 * cite - 引用
38 * code - 计算机代码(在引用源码的时候需要)
39 * dfn - 定义字段
40 * em - 强调
41 * font - 字体设定(不推荐)
42 * i - 斜体
43 * img - 图片
44 * input - 输入框
45 * kbd - 定义键盘文本
46 * label - 表格标签
47 * q - 短引用
48 * s - 中划线(不推荐)
49 * samp - 定义范例计算机代码
50 * select - 项目选择
51 * small - 小字体文本
52 * span - 常用内联容器,定义文本内区块
53 * strike - 中划线
54 * strong - 粗体强调
55 * sub - 下标
56 * sup - 上标
57 * textarea - 多行文本输入框
58 * tt - 电传文本
59 * u - 下划线
60 * var - 定义变量