雨季又来了!  

区别:
在标准文档流里面,块级元素具有以下特点:

①总是在新行上开始,占据一整行;
②高度,行高以及外边距和内边距都可控制;
③宽带始终是与浏览器宽度一样,与内容无关;
④它可以容纳内联元素和其他块元素。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??
   

posted on 2016-07-12 20:20  雨季又来了!  阅读(44)  评论(0)    收藏  举报