WEB标准中使用CSS基础教程.docVIP

WEB标准中使用CSS的基础教程 　　 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS过去经常被用来定义字体的属性，而现在可以用它来控制整个文档的布局。然而，为了有效的用 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS来控制布局，需要做一些不同的处理，这种不同是跟用表格布局相对比的。 　　为了 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS可以高效的控制布局，结构化、语义化的X HYPERLINK /bkhtml/c22/ \o HTML/JavaScript教程 HTML是必不可少的。 　　浏览器的支持 　　在过去几年，浏览器对 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS的支持程度已经改进了很多。不幸的是，浏览器的开发商好象对实施开放的标准并不感兴趣，所以不同浏览器对 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS的支持程度也大相径庭。就算是支持程度最好的浏览器，在软件中仍然有一些bug，使得浏览器以错误的方式运行。 　　现在对 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS支持比较好的浏览器有Mozilla (还有以Gecko为内核的: Firefox, Camino, Netscape 6+), Opera和Safari (还有以 WebCore为内核的: OmniWeb 4.5 and later)。 Internet Explorer 6/Win并没有如此好的 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS支持程度，但是它将让你为其做出大量的基础工作。Internet Explorer 5/Mac对 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS 1的支持很出色, 但是却不支持 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS 2。 IE 5.* for Windows的支持性也很好, 但是仍然有一些问题值得你去注意。早期版本的IE以及Netscape 6以前的版本就没有必要提及了。 　　因为现在大多数人都使用IE/WIN，所以你将不得不让它成为特殊分子。这并不是说，你不能或者不应该使用有更好支持 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS能力的浏览器来提高他们的设计能力。 　　现在在用的浏览器中，并不是所有的浏览器都有很好的 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS支持能力，使其能够具有解释用 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS布局的优秀图形化站点的能力。幸运的是，对于大多数网站，只有很小比例的访问者还在使用不能解释 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS的老浏览器。 　　值得注意的是，这些人并不会被排斥在外的。在90年代，浏览器检验脚本是一个很流行的方法，它告诉那些使用“错误”浏览器的使用者一个新的网址，那个网址告诉他们去升级浏览器，好重新连接到那个网站。 　　现在，你可以以一种更好的办法应付不被支持的浏览器。使用逻辑化、语义化的一个最大的好处就是它使文档在没有 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS时，仍然可以使用和访问。表现（就是文档看上去的样子）在一个支持性好的浏览器中也将呈现的不一样，但是它的内容将永远不变，大多数情况，对于访问网站的人来说，内容实际上比表现的方式更加重要。这就是为什么给那些支持性不好的浏览器发送一个没有样式的页面，要比把他们排斥在外要好的原因。 　　有好几种方式去解决这个问题：一种最常见的方法是使用 @import来链接相应的的 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS文件。Netscape 4和老的浏览器不支持@import所以将不会导入 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS文件。还有许多方法来向浏览器隐藏 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS。大多数隐藏 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS的方法是利用了浏览器对 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS解释时的漏洞。这意味着总会存在浏览器通过升级弥补漏洞的危险。所以越少的依赖 HYPERLINK /bkhtml/c23/ \o CSS教程 CSS hacks（ HYPERLINK /bkhtml/c23/ \o CSS教程 CSS漏洞）越好。 　　很明显的，你可以使用 HYPERLINK /bkhtm