网CSS硕士15项有效技能

　　这里有数以千计的网站提供使用CSS的提示和提示。但是你怎么知道这些信息是从哪里来的呢 谁说要写这些；提示；谁知道他们在说什么 据你所知，可能是有人不知道CSS代表什么，更不用说如何有效使用了。

　　但以下网站生产专家并非如此。众所周知，他们掌握CSS并与之同行。阅读他们的提示和技巧，从避免黑客到理解盒子模型。

　　彼得保罗科赫：避免CSS黑客随着网页设计的发展，无限嵌套的表已经成为无限复杂的CSS黑客。在许多情况下，CSS黑客使用另一个bug来解决问题，而不是用** 稳定的方法来修复它。当浏览器的下一个版本发布时，它可能不会修复或修复两个bug，或者可能修复一个而不是另一个bug。在任何情况下，你的黑客很可能** 终无法工作或不再需要。

　　为了使样式表尽可能简短，不要重复指定选择器的** 小数目。换句话说，您真的需要指定UL和Li吗 为什么不指定UL 对于其他可能嵌套的元素也是如此。只需指定顶层，其余的继承样式。

　　Roger Johansson：指定基于EM的布局的** 大宽度来创建一个弹性布局，而不指定除** 大宽度以外的任何单位，这是一个让人非常不舒服的快速方法网站。当访问者增加文本的大小时，布局会变得更宽。但是当他们增加一个或两个电磁单位的大小时会发生什么呢 你的版面越来越宽，很快他们就不得不水平滚动来阅读整行内容。请指定** 大宽度以避免此问题，并使您的站点更易于使用。

　　特雷弗戴维斯：设置一个一致的基本字体大小。通过将基本字体大小设置为62.5%，** 终字体大小为10像素。这使得1 EM等于10像素。1.2 EM等于12像素。它简化了所有选择器中的字体大小。

　　丹·塞德霍尔姆：使用负边距可以大大简化代码。与其为一个或多个元素指定正边距，为什么不指定多个负边距 它使您的样式表更短更复杂。

　　Ben henick:除非上下文鼓励，否则不要添加标记。当从基于表的布局转换时，许多设计人员尝试添加许多容器元素。但CSS则不同。避免这种情况的一种方法是在设计之前进行思考，就像您首先关注信息一样。尝试使用div和跨内容元素来实现共同目的，或者对多个页面进行分类和复制。

　　忘记为内容创建单独的打印机友好页面。使用CSS为文档创建特定于媒体的样式。打印机友好的样式表很容易创建，避免了设计师在常规和打印机友好的版本中遇到的问题。毕竟，使用这种方法，您根本不需要接触页面标签。

　　沃尔夫冈·巴特尔梅：中心和CSS对于刚开始使用CSS的人来说，有时似乎不可能全神贯注于整体网站。但这确实是可能的，而且其实相对容易实现。

　　特伦顿：随着越来越多的人主要通过移动设备浏览网页，使用特定于移动设备的样式表时，确保网站给访问者优化很重要。尽管大多数手持设备将呈现合理使用标准CSS的页面，但仍不在3Prime中；屏幕上** 好的用户体验。为优化移动用户体验创建单独的移动样式表。

　　chriscoyier：正确使用CSS overflow属性CSSoverflow属性有四个不同的值：hidden、visible、scrolling和automatic。通过了解每一个站点的功能和行为，您可以为您的站点布局打开更多的选项。

　　伊桑·马科特：用CSS，尤其是CSS创建流体网格的想法可能会让很多网页设计师不寒而栗。但这是可能的，而且肯定比用表创建它们要好。

　　Jonathan Snook：使用CSS速记是简化和缩短样式表的另一种方法。不要为每个页边距（左页边距、右页边距、上页边距、下页边距）分别声明样式，而是一次声明所有四种样式。其他元素（如字体、边框或背景）也是如此。

　　克里斯·科伊尔：理解CSS框

　　CSS中的所有元素都是矩形框。填充、边距、高度、宽度和边框都与这些矩形交互。真正了解这些东西是如何相互作用的将使设计师的生活更轻松。

　　Roger Johansson：注意隐藏的东西CSS

　　当你想在你的页面上隐藏一个元素时，使用“hide”；显示：否“；但问题是，这个特定的声明意味着元素的内容被完全隐藏，它们不会被打印、显示或说出来。这可能会导致使用屏幕阅读器而不是浏览网站时出现问题。在用户执行某个操作（可能是JavaScript）之前，如果您想隐藏某些内容，它也会导致问题。

　　彼得保罗科赫：知道什么时候使用严格的模式或古怪的模式。

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