现在的位置: 首页 > 综合 > 正文

DOCTYPE声明对CSS显示效果也有影响!

2013年08月23日 ⁄ 综合 ⁄ 共 844字 ⁄ 字号 评论关闭

看下面两段代码

<html>
<head>
<style type="text/css">
span, div 
{
    width
: 100px;
    border
: 3px outset buttonface;
}
</style>
</head>
<body>
<span><div>Hello</div></span>
<span><div>World</div></span>
</body>
</html>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
span, div 
{
    width
: 100px;
    border
: 3px outset buttonface;
}
</style>
</head>
<body>
<span><div>Hello</div></span>
<span><div>World</div></span>
</body>
</html>

两段代码不同之处仅仅是DOCTYPE的声明,但是请看看它们在IE6中的显示效果,第1段代码文字都在同一行,而第2段代码却产生了换行!而在FF中显示效果又是另一番景象……

原来我曾以为,有了CSS之后,可以抛弃表格了。但是现在发现,CSS也靠不住了。
比如我可能会写一个页面组件,使用CSS来控制布局,但是我如何知道次组件会用于何种DOCTYPE的页面的?
而且这个DOCTYPE一般人好像也不怎么关心,我原来就是这样,因为不清楚到底有些什么差别。

看来有些地方还是用表格比较合适,而且处理起来确实比div等要方便的多。在html及css没有最终统一标准的情况下,table还是能继续散发其青春活力的!

抱歉!评论已关闭.