摘要：
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 阅读全文
摘要：
1 /* http://meyerweb.com/eric/tools/css/reset/ 2 v2.0 | 20110126 3 License: none (public domain) 4 */ 5 6 html, body, div, span, applet, object, iframe, 7 h1, h2, h3, h4, h5, h6, p, bl... 阅读全文
摘要：
如何使用？ 这是rem布局的核心代码，这段代码的大意是：如果页面的宽度超过了640px，那么页面中html的font-size恒为100px，否则，页面中html的font-size的大小为： 100 * (当前页面宽度 / 640) 于是，问题来了，为什么要这样？别急，我先来一一回答 最终页面代码 阅读全文
摘要：
1 31、有趣的& 2 3 .amp { 4 font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; 5 font-style: italic; 6 font-weight: normal; 7 } 8 9 10 32、大字段落 ... 阅读全文
摘要：
1 1、垂直对齐 2 3 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： 4 .verticalcenter{ 5 position: relative; 6 top: 50%; 7 -webkit-transform: translateY(-50%); 8... 阅读全文
摘要：
用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。 这篇教程将覆盖到那些你需要记住的细小不同点，让你根据不同情况选择上 阅读全文