css教程:css和document
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-04
<body>
<p>This is a paragraph with <em>an inline element</em> within it.</p>
</body>
上例中有两个块元素，p和body，一个内联元素em。
在xhtml中em可以从p继承，反之不行。在xhtml中内联元素可以从块元素继承而来，反之不行。
在css中没有这样的规定，css可以改变上例的结构。
p {display: inline;}
em {display: block;}
在inline box中插入block box。效果：
改变元素的显示角色在xhtml中很有用。Xml文档没有任何的继承的显示角色，因此通过css来定义就相当重要。
<book>
<maintitle>Cascading Style Sheets: The Definitive Guide</maintitle>
<subtitle>Second Edition</subtitle>
<author>Eric A. Meyer</author>
<publisher>O''Reilly and Associates</publisher>
<pubdate>2004</pubdate>
<isbn>blahblahblah</isbn>
</book>
<book>
<maintitle>CSS2 Pocket Reference</maintitle>
<author>Eric A. Meyer</author>
<publisher>O''Reilly and Associates</publisher>
<pubdate>2004</pubdate>
<isbn>blahblahblah</isbn>
</book>
默认的显示：
用css来定义显示层次： book, maintitle, subtitle, author, isbn {display: block;}
publisher, pubdate {display: inline;}
现在显示：
能够影响显示角色display roles 的特性是css在多种情况下高度有用的重要原因。
|
|
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于css教程:css和document的所有评论
