博百优同学已经跟大家分享了CSS基础1的一些细节,比如标记,代码与SE之间的关系啊等等。一个优秀的页面代码其实就是需要
不仅仅简洁,更重要的是是否符合W3C规范,是否与浏览器兼容,下面我们一起来探讨这些基础内容。
DOCTYPE声明是XHTML文档开头处的行或两行代码,它描述使用哪个DTD,在下面的实例中,要使用的DTD是XHTML
1.0 strict的DTD:
<!…..>
如何检测你的网页代码是否符合W3C规范
1.可以访问http://validator.w3.org
2.使用一个方便的检验器bookmarklet,这是一段可以存储在浏览器的书签或收藏夹中JS
3.Web develper extension插件,这是firefox的插件。
二、浏览器模式
浏览器模式其实有两种模式:标准模式和怪异模式。大家都知道标准模式就是我们常说的主流的web标准,而怪异模式当然就是IE自身的标准啦。
对于这两种模式之间的差异,最显著的例子涉及windows上IE专有的框模型。在IE6出现的时候,在标准模式中使用正确的框模型,在怪异模式中使用老式的专有框模型。
为了维持对IE5和更低版本的向后兼容性,Opera 7和更高版本也在怪异模式中使用有缺点的IE框模型。
表现方面的其他差异比较小,而且是与特定浏览器相关的,包括对于十六进制颜色值不需要#号、假设CSS中有指定单位的长度的单位是像素,以及使用关键字时候将字号增加一级。
Mozilla和Safaris还有第三种模式,成为“几乎标准的模式”,除了在处理表格的方式方面又一些细微的差异之外,这种模式与标准模式相同。
CSS基础