越来越多的大型网站开始关注、使用css，对于管理多个复杂css文件显然是有异议的。下面是二系列内容中的第一部分，第一部分我们关注对于管理样式的观点，并在其基础上总结出可行的方案。第二部分我们将对以上结论进行对比。 强大的css技术最近几年已经被广泛推广了。感谢 Wired redesign (以及后来的 high profile redesigns

近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。 　　这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所有浏览器。 　

CSS 使用浮动会造成布局的混乱，通常清除浮动的方法是，利用一个如下样式的空 Div： div class=clear/div.clear{clear:both;} 更为优良的 CSS 代码是： .clear:after{content:.;display:block;height:0;clear:both;visibility:hidden;}.clear{zoom:1;} 这个方法目前已经广泛使用，淘宝、口碑，都是这种用法。通过 after 伪类

YUI中有一种布局思想：栅格决定宽度，内容决定高度，今天讨论的是自适应宽度的输入框，先上代码： !DOCTYPE htmlhtmlheadmeta charset=utf-8title宽度自适应输入框/titlelink rel=stylesheet href=http://yui.yahooapis.com/3.0.0/build/cssreset/reset-min.cssstyle.col{padding:10px;width:500px;background-color:yellow

在最开始学习web标准的时候有这么一条： 把所有和特殊符号用编码表示 : 任何小于号（），不是标签的一部分，都必须被编码为 l t ; 　　任何大于号（），不是标签的一部分，都必须被编码为 g t ; 任何与号（），不是实体的一部分的，都必须被编码为 a m p; 注：以上字符之间无空格。 而在我们平时的工作中经常会遇到这种情况

将样式放在页面头部 概述 将内联样式块和link元素从页面body移动到页面head中，这样能提高渲染性能。 详细信息 在HTML文件body中指定外部样式表和内联样式块可能对浏览器的渲染性能产生不利影响。浏览器阻塞渲染网页直到所有外部的样式表都已被下载。（用style标记指定的）内联样式块可能会导致reflows和页面跳动。因此，把

很多人对于CSS都是边干边学习，因为它不像C#之类的语言那么复杂，看起来似乎挺简单，然而正是这种对CSS的不完整的理解，导致了许多的CSS代码破坏了布局，或者带来了无休止的调试，以下总结了八条最常见的错误，以及它们的解决之道： 1.不阅读或者没有读过W3C标准的文档。 上图是W3C CSS 2.1 规范截图，这是当前唯一的官方详

是否曾经有过这样的经历：把一个元素置于另一个元素之上，而希望下面的那个元素成为可点击的？现在，利用css的pointer-events属性即可做到。 CSS pointer-events Pointer-events原本来源于SVG，目前在很多浏览器中已经得到体现。不过，要让任何HTML元素生效还得借助于一点点css。该属性称之为pointer-events，基本上可以将它