简述网页CSS高手的15个技巧

Web CSS大师的15个有效提示有数千个网站提供使用CSS的提示和技巧。但是你怎么知道这些信息来自哪里？谁说那些撰写这些“提示”的人知道他们在谈论什么？据您所知，可能是一个不知道CSS代表什么的人，更不用说如何有效地使用它了。 接下来我们分析网页CSS高手的15个技巧，搞不懂的来了解下。

网页CSS高手的15个技巧：

但下面的网站制作专家不是这样的。他们都是众所周知的，他们掌握CSS，并且都与它一起使用。阅读他们的提示和技巧，从避免黑客到了解框

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

为了使样式表尽可能简洁明了，不要只通过指定最小选择器数来重复自己。换句话说，你真的需要指定UL和Li吗？为什么不指定UL？对于可能嵌套的其他元素也是如此。只需指定顶层，其余的将继承这些样式。

Roger Johansson：指定基于EM的布局的最大宽度可以创建灵活的布局，而不指定任何单位之外的最大宽度是制作非常不舒服的网站的快捷方式。当访问者增加文本大小时，布局变得更宽。但是当它们增加一个或两个EM单元的大小时会发生什么？您的布局越来越宽，很快他们必须水平滚动才能读取整行。指定最大宽度以避免此问题，并使您的网站更加用户友好。

Trevor Davis：设置一致的基本字体大小

Dan Cederholm：使用带负边距的负边距大大简化了代码。为什么不指定负边际，而不是为一个或多个元素指定正余量？它使您的样式表更短，更复杂。

Ben Henick：除非上下文鼓励它从基于表格的布局转换，否则不要添加标签，许多设计师尝试添加大量容器元素。但CSS并不相同。提前考虑您的设计是避免这种情况的一种方法，就像首先关注信息一样。尝试使用div和span内容元素用于共网页CSS大师的15个有效技巧同目的，或者在多个页面中进行分类和重复。

忘记为您的内容创建单独的打印机友好页面。使用CSS为文档创建特定于媒体的样式。打印机友好的样式表易于创建，并避免设计人员遇到常规和打印机友好版本的问题。毕竟，使用此方法，您根本不会触摸页面标记。

Wolfgang Bartelme：中心和CSS对于那些刚接触CSS的人来说，有时候集中整个网站似乎是不可能的。但它确实可行并且实际上相对容易实现。

Trenton Moss：使用特定于移动设备的样式表随着越来越多的人主要通过移动设备浏览网页，确保网站针对访问者进行优化非常重要。虽然大多数手持设备将为网页提供标准CSS的标准使用，但它仍然没有3英寸屏幕上的最佳用户体验。创建单独的移动样式表以优化移动用户体验。

Chris Coyier：正确使用CSS溢出属性CSS溢出属性有四个不同的值：隐藏，可见，滚动和自动。通过了解每个人所做的事情以及行为方式，您可以为站点布局打开更多选项。

Ethan Marcotte：使用CSS创建流畅网格以创建流畅的网格设计（尤其是CSS）的想法很可能让许多网页设计师感到不安。但它有可能，并且肯定比用表创建它们更好。

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

Chris Coyier：了解CSS Boxes

CSS中的每个元素都是一个矩形框。填充，边距，高度，宽度和边框都与这些矩形相互作用。了解这些事物如何相互作用将使设计师的生活更轻松。

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

当您想要使用“显示：否”隐藏页面上的元素时，这非常有吸引力，但问题是此特定语句意味着此元素中的内容完全隐藏。它们不打印，显示或说话。这可能会导致使用屏幕阅读器而不是浏览您的网站时出现问题。当您想要隐藏某些内容直到用户执行操作（很可能是使用JavaScript）时，它也会导致问题。

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

严格模式和怪癖模式适用于现代浏览器解释CSS的两种不同方式。通过了解每个人的工作，然后为您的设计实施正确的工作，您可以大大改善您网站的功能

我觉得读完上文，您应该会知道网页CSS高手的15个技巧了吧，已经在上文为大家做出了讲解，相信各位看完之后一定能够搞明白哦。