区别:
在标准文档流里面,块级元素具有以下特点:
①总是在新行上开始,占据一整行;
②高度,行高以及外边距和内边距都可控制;
③宽带始终是与浏览器宽度一样,与内容无关;
④它可以容纳内联元素和其他块元素。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?-?定义变量 ??
61??

浙公网安备 33010602011771号