css中block和inline的区别详细讲解.doc

在Html的规范中,这么说到(摘自棕熊童鞋的Quicky block 和 inline 的区别是？)所有允许被 BODY 元素包含的元素，要么是块级的；要么是内联的；要么既可以算作块级的，也可以算作内联的。但是绝对不存在一个能被BODY包含，但即非块级，又非内联的元素。 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1H6, DL, OL, UL 等等。 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等等。 另外，SCRIPT, OBJECT, MAP, BUTTON, DEL, INS 这些元素，既可以作为块级元素，也可以作为内联元素。那么块级元素和内联元素具体有什么区别呢？具体表现在以下几个方面： 一般来说块级元素可以包含块级元素和内联元素；但内联元素只能包含内联元素。 要注意的是，每个特定的元素，能包含的元素也是特定的，所以具体到个别元素上，这条规律是不适用的。比如 P 元素，只能包含内联元素，而不能包含块级元素。codebalalbalabalabalalbalabala具体关于这方面的知识,大家可以阅读棕熊童鞋的Quicky block 和 inline 的区别是？为什么是div+css的布局把追求语义性定义为div+css布局,其实是狭隘的.我觉得它的完整说法应该是无语义性tag+css做布局,语义性tag组织内容.我们知道 html的tag大部分本身都有自身的语义性的.比如p,是段落,br是换行,你不能用p来做换行,用br来做段落,这样就会导致html本身的语义产生混乱.而div和span刚好是html中两个本身不具备语义性的tag. 但是span是inline element,所以不适合做容器,div是块级元素,所以毫无疑问它成为我们做布局的最好选择,也才有了div+css布局一说.div强迫症/class强迫症在第一版本的整合中,最新闪存的html结构大致如下code 一个良好的讨论氛围,是一家好公司的最基本条件.10-30 14:44 经济危机,重新开垦一亩三分地.10-28 13:45 学习是个轮回,重新上路ing.06-01 21:06 a class=ing_lnk href=/walkingboy/ing/更多闪存. 首先,最新闪存被放在post的列表容器内,而且使用一样的容器class标识,这就导致做css的时候很难定位它. 其次br被用来做列表, 再次more link和list item又进行混淆. 我本来想为自己的博皮调调css,结果发现这个结构真是很晕,然后发了条建议闪存的html位置和结构竟然和Post一样,很难修改皮肤啊.不得不说,园子团队的反应速度还是可以的,昨天晚上又进行了更新,我们看下第二版本的html结构.code 最新闪存 一个良好的讨论氛围,是一家好公司的最基本条件. 10-3014:44 经济危机,重新开垦一亩三分地.10-2813:45 学习是个轮回,重新上路ing. 06-0121:06 a class=ing_lnk href=/walkingboy/ing/更多闪存. 不错,语义性已经有一定的修改了,但是还是有太多的冗余tag.原来Cat Chen有篇文章叫你有 强迫症吗？.我想我们可以说上面的html是有强烈的强迫症+class强迫症. 为什么这么说呢.强迫症+class强迫症 最新闪存 一个良好的讨论氛围,是一家好公司的最基本条件.10-3014:44 经济危机,重新开垦一亩三分地.10-2813:45 学习是个轮回,重新上路ing. 06-0121:06 更多闪存. 我个人认为就最新闪存这部分的html,更好的结构应该是code 最新闪存 一个良好的讨论氛围,是一家好公司的最基本条件. 10-30 14:44 经济危机,重新开垦一亩三分地.10-28 13:45 学习是个轮回,重新上路ing.06-01 21:06 更多闪存.当然我们当前是孤立的看待这段html，如果我们把它放入整个页面的结构中，还是需要适当的修改的。比如应该修改为 ，block是页面块状结构的一个基础样式，不过园子的left menu里面的div都是独立的，没有抽象出一个基础样