css的限制-专业SEO技术教程（34），使用“完整”的css的缺点，浏览器支持的不一致性、浏览器的漏洞或缺乏支持的css功能，导致不同的浏览器显示出不同的css版面编排。例如微软intent explorer6.0旧版本，执行了许多自己的css4.0属性，曲解很多重要的属性。例如：width、height和float。许多所谓的css的人员，必须在最热门的或常用的浏览器中达到一致的版面编排。在不同的浏览器中，要达到像素精准的版面编排，有时候是不可能的。

    css没有父层选择器。css选择器无法提供元素的父层或继承性，以符合某种程度的标准。先进的选择器（如xpath）有助于复杂的样式设计。然而，浏览器的性能和增加彩现的问题关系着父层选择器，却是css的工作群组拒绝建议的主要原因。不能明确地指定继承性。样式的继承性，建立在浏览器中的dom元素的层级和具体的规则上。垂直控制的局限。元素的水平放置普遍易于控制，垂直控制则非凭直觉性的、较迂回的甚至是不可能的。例如，垂直地围绕一个元素。页尾的放置不能高于可见视窗（viewpoint，视窗或屏幕的可见范围）的底部范围，需要复杂而非凭直觉性的样式规则，或是简单但不被广泛支持的规则。

    显示的缺乏。目前的css没有办法明确又简单地显示属性值（如margin-left：10%-3em+4px；）。这在很多情况下都是非常有用的，例如：总字段中计算字段的尺寸限制。无论如何，csswg发表了css局限制的草案，而Internet explorer 5以后的版本支持相似功能的语法显示。缺乏正教性。同样的效果可以用不同的属性来完成，这经常会造成困扰。如position、dispaly与floa定义了不同的配置方式，而且不能有效地交替使用。一个display：table-cell元素不能指定float或是position：relative，因为指定float：left的元素不应该受到display效果的影响。再者，没有考虑到新建立属性所造成的影响。例如，在表格中你应该使用border-spacing而不是margin-*来指定表格元素。这是因为依照css准则，表格内部元素是没有边界（margin）的。

    XHTML+css的结构，你正在学习css布局吗？你是不是还不能完全掌握纯css布局？通常有两种情况阻碍你的学习。第一种可能是你还没有理解css处理页面的原理。在你考虑你的页面的整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加css。今天将告诉你应该怎么样把HTML结构化。第二种原因是你对那些非常熟悉的变现层属性（如cellpadding|,、hspace、align=“left”等）束手无策，不知道该转换成对应的什么css语句。当你解决了第一个问题，知道了如何结构化你的HTML，我再给出一个列表，详细列出原来的表现属性用什么css来代替。

   结构化HTML，我们在学习网页制作时，总是考虑怎么设计，考虑哪些图片、字体、颜色以及布局方案，然后我们用Photoshop或者firework画出来，切割成小图，最后再通过编辑HTML将所有设计还原表现在页面上。如果你希望你的HTML页面用css布局（是css+friendy的），你需要回头重来。先不考虑“外观”，要先思考你的页面内容的语义和结构。外观并不是最重要的。一个结构良好的HTML页面可以以任何外观表现出来，css zen garden是一个典型的例子。css zen garden帮助我们最终认识到css的强大力量。HTML不仅仅在电脑屏幕上阅读。你用Photoshop精心设计的画面可能不能显示在pda、移动电话和屏幕阅读机上，但是一个结构良好的HTML页面可以通过css的不同定义，显示在如何地方、任何网络设备上。