网页CSS大师的15个有效技巧
这里有数以千计的站点提供使用CSS的提示和技巧。但是你怎么知道这些信息是从哪里来的呢？谁说写这些“提示”的人知道他们在说什么？就你所知，它可能是一个不知道CSS代表什么的人，更不用说如何有效地使用它了。

但下面的网站制作专家不是这样的。他们都是众所周知的，他们掌握CSS和所有与它一起去。阅读他们的技巧和技巧，从避免黑客到理解盒子模型。

Peter Paul Koch：避免CSS黑客
随着Web设计的发展，无限嵌套的表已经变成了无限复杂的CSS黑客。在很多情况下，CSS黑客通过利用另一个bug来解决一个问题，而不是最稳定的修复问题的方法。当下一个版本的浏览器被发布时，它可能既不修复也不修复两个bug，也可能修复一个而不是另一个。在任何情况下，很可能你的黑客可能最终不能工作，或者不再需要了。

为了使样式表尽可能简短和简明，不要只指定选择器的最小数量重复自己。换句话说，您真的需要指定UL和Li吗？为什么不指定UL呢？对于其他可能嵌套的元素也是如此。只需指定最上层，剩下的部分继承这些样式。

Roger Johansson：指定基于EM的布局的最大宽度
创建一个弹性布局，不指定任何单位以外的最大宽度是一个快速的方法，使一个非常不舒服的网站。当访问者增加文本大小时，布局变得更宽。但是，当他们增加一个或两个EM单位的大小会发生什么？你的布局越来越宽，很快他们就必须水平滚动才能读取整条直线。指定一个最大宽度以避免该问题，并使您的站点更便于用户使用。

Trevor Davis：设置一致的基础字体大小
通过将基本字体大小设置为62.5%，最终字体大小为10像素。这使得1 EM等于10像素。1.2 EM则等于12像素。它简化了所有选择器中的字体大小。

Dan Cederholm：使用负边距
使用负边距可以大大简化代码。与其指定一个或多个元素的正边距，为什么不只指定一个负边距呢？它使你的样式表更短而复杂。

Ben Henick：不添加标记除非上下文鼓励它
当从基于表的布局过渡时，许多设计者都试图添加大量的容器元素。但是CSS不表同。提前考虑你的设计是避免这种情况的一种方法，就像首先关注信息一样。尽量使用div和跨度的内容元素有一个共同的目的，或在多个页面分类和重复。

忘记为内容创建独立的打印机友好页面。使用CSS为文档创建特定于媒体的样式。打印机友好的样式表很容易创建，并且避免了设计师遇到的关于常规版本和打印机友好版本的问题。毕竟，使用这种方法，您根本就没有触及页面标记。

Wolfgang Bartelme：中心与CSS
对于刚开始使用CSS的人来说，集中整个网站有时似乎是不可能的。但它确实是可能的，实际上相对容易实现。

特伦顿苔：使用移动特定的样式表
随着越来越多的人主要通过移动设备浏览网页，确保网站对访问者进行优化是很重要的。虽然大多数的手持设备将呈现网页的合理使用标准的CSS，它仍然没有在3″屏幕最好的用户体验。创建一个独立的移动样式表，以优化移动用户的体验。

Chris Coyier：正确使用CSS overflow属性
CSS溢出属性有四种不同的值：隐藏的、可见的、滚动的和自动的。通过了解每一个都做了什么以及每一个行为如何，你为你的站点布局打开了更多的选择。

Ethan Marcotte：用CSS创建流体网格
创建一个流体网格设计的想法，特别是CSS，很可能会使许多网页设计师的思想不寒而栗。但它是可能的，而且绝对优于用表格创建它们。

Jonathan Snook：使用CSS速记
用速记是另一种方式来简化和缩短你的样式表。不要为每个边距分别声明样式（边距左边、边距右边、边距顶部、边距底部），只需一次性声明所有四个样式。其他元素也一样，比如字体、边框或背景。

Chris Coyier：理解CSS盒子

CSS中的一切元素是一个矩形框。填充、边距、高度、宽度和边框都与这些矩形框交互。真正了解这些东西是如何相互作用的，将使设计师的生活变得更加容易。

Roger Johansson：小心隐藏的东西用CSS

当你想把一个元素隐藏在你的页面上使用“显示：没有”时，这是很吸引人的，但是这个问题是，这个特定的声明意味着这个元素中的内容是完全隐藏的，它们没有打印、显示或说话。这可能会导致那些使用屏幕阅读器而不是浏览您的网站的问题。当你要隐藏某个东西直到用户执行某个动作（很可能是用JavaScript）时，它也会引起问题。

Peter Paul Koch：知道什么时候使用严格模式或怪癖模式。

严格的模式和怪癖模式适用于现代浏览器用来解释CSS的两种不同方式。通过理解每个人做什么，然后为您的设计实现正确的一个，您可以极大地改进站点的功能