CSS3 给 Web 开发带来了革命性的影响，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就能简单的实现。如果你想了解 CSS3 可以做些什么的话，可以参考本文列出的 CSS3 能实现的很炫的应用。这些很酷的例子中有渐变、旋转、字体效果以及三维变换等等，尽情欣赏吧。 1. 制作精美的按钮

利用 CSS 框架 ，可以简化你的工作，提高工作效率。CSS 框架是一系列 CSS 文件的集合体，包含了基本的元素重置，页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27款优秀的CSS框架，你可以选用。 1. 960gs 960 像素的页面宽度似乎成为了一种设计标准，在当前各种分辨率下，能够很好地展现网页内容。提供较

两个在线调试css3.0的工具， css3 please 和 css3 generator。 css3.0增加的新属性，如投影、渐变、旋转、圆角等等！这些新标准属性在ie6、ie7、ie8浏览器版本里得不到很好的支持，相信ie以后的新版本也会支持这些新属性的。目前ie6、ie7、ie8浏览器不支持这些属性并不能说明ie就实现不了css3.0新属性的效果！ css3please.c

相信很多人都遇到过在设计中自定义滚动条样式的情景，之前我都是努力说服设计师接受浏览器自带的滚动条样式，但是这样只能规避还是解决不了问题，最近在项目中遇到了，正好来总结一下。当然，兼容所有浏览器的滚动条样式目前是不存在的。 IE下的滚动条样式 IE是最早提供滚动条的样式支持，嗯，好多年了，但是其它浏览器一直

工作中经常会遇到一个图文的效果，如图： 再常见不过的效果了，对于下面的文字，一般我们的处理方式是居中，但文字多了会怎么办呢？有人会回答隐藏；也有人会回答换行。 对于换行的处理方法我们会遇到一个问题，如果是文字居中，那第二行也会居中，这样就会造成一种不友好的表现效果。 那么有没有一种方法可以针对第一行的

首先先看一下基本定义： 复合选择器就是两个或多个基本选择器，通过不同方式连接而成的选择器，主要包括交集选择器、并集选择器、后代选择器。 交集选择器 交集复合选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器。这两个选择器

给元素添加一个hover样式，很简单，我们来看一个透明度的例子吧： 123456 div { opacity : 1.0 ; } div :hover { opacity : 0.5 ; } 但是如果我们只是想让当前真正hover了的div显示，而让其他的div模糊呢？ 假设我们的HTML结构如下： 12345 sectiondiv/divdiv/divdiv/div/sec

微软在IE5开始就引入了条件注释的功能，可以通过注释型的语法，来对不同版本的IE浏览器指定不同的样式和内容。而在Windows Phone7中，微软又引入了 IEMobile这个关键字，将条件注释功能带入了WP7手机浏览器中。 语法和普通的条件注释类似： !--[if IEMobile] 哇，你在用Mobile IE啊！ ![endif] 其实IEMobile是WP7中IE7浏览器