CSS Transition 入门
尽管人们期待屏幕显示技术有所改进，但CSS和HTML却只提供了少数的交互设计控制，而且还只是双向状态的而非渐进状态，如：一个链接只能是一种颜色或另一种颜色，文本域只能是一种尺寸或另一种尺寸，一幅照片要么透明要么不透明。没有从两种状态的之间的部分，即没有过渡。
这种不优雅的切换效果使很多页面让人感觉突兀。虽然我们可以用DHTML和jQuery来实现过渡效果，但这需要很多代码来实现原本很简单的事情。
在这篇文章中，我们用一种简洁的方法来给页面增加过渡效果，你将会发现CSS ransitions的一些有用的信息以及如何使用它们。
几个月前，我曾冒失地建议设计师们应该使用CSS3新技术来实现他们期待很久的一些基本样式，但问题是这些技术在IE中（包括IE8）都无法实现。一些读者认为建议使用那四分之三的人无法看到的新技术是轻率的。
对于这些读者，我会说：先不要急于决定，因为我将会向你们介绍CSS中另一个属性，它可以用仅仅几行代码为任何元素添加过渡效果。
CSS3正在引入CSS transition技术，但已经作为一个扩展，CSS transition已被添加进了Webkit。这意味着这项技术目前只能在基于Webkit引擎的浏览器上使用，如Apple Safari和Google Chrome。
CSS过渡效果的由来
过渡作为Webkit的一部分已经有一段时间了，基于此，Safari UI实现了其他浏览器无法实现的很多酷炫的效果。但W3C CSS Workgroup拒绝将其加入官方标准，一些成员认为过渡效果并非样式属性，而且已经可以用脚本实现。
但很多设计者和开发者，包括我在内，认为过渡效果实际上是一种动态样式属性，而非传统上我们很多人使用的静态样式。
幸运的是，争论已经过去，去年三月份来自Apple和Mozilla的代表们开始将CSS Transition Module 加入CSS Level 3 specification，和Apple加入Webkit的那部分非常接近。
渐进增强设计的简介
在进行下面的内容之前，让我们先强调一点：如果样式在浏览器上不具有互操作性，永远不要把网站功能依赖于样式。
这就是说，你可以用样式如过渡效果和增强设计来改进用户体验，而不牺牲那些无法看到它们的用户的可用性。只要能让用户离开了那些过渡效果仍然可以完成他们的任务就好。
首先介绍一些过渡的概念
CSS过渡不会替代DHTML，但可以在支持过渡效果的浏览器中增强你的设计，并且不用担心破坏其他用户的浏览体验。
你需要在Apple Safari 3+ 或者 Google Chrome中看到过渡效果，这两个浏览器都可以在Mac和PC上使用。
反转
过渡效果最明显的�
相关文档：
Zen Coding: 一种快速编写HTML/CSS代码的方法
来源：http://www.javaeye.com/news/13149
译自：Smashing Magazine
中文：Zen Coding: 一种快速编写HTML/CSS代码的方法
在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开发HTML和CSS的方法。它由Sergey Chikuyonok开发。
你在写HTML代码(包括所有标签、属性、 ......
IE6/IE7/FF的CSS hack 浏览器兼容总结
2010-01-23 15:25
由于不同的浏览器对CSS的支持及解析结果不一样，处理的优先级不一样。针对不同的浏览器来写不同的CSS达到在不同浏览器下显示想要的效果就是css hack。先贴两个直观的对比图：
再贴一段代码：
#bgcolor {
background:red !important; /* Firefox 等其他浏览器 * ......
IE6、IE7、IE8、Firefox、Opera CSS hack区分
针对样式名
如果只让ie6看见用*html .head{color:#000;}
如果只让ie7看见用*+html .head{color:#000;}
如果只让ff看见用:root body .head{color:#000;}
如果只让ff、IE8看见用html>/**/body .head{color:#000;}
如果只是不让ie6看见用html>body .head{color:#000;} ......
原文链接 作者：怿飞
尽管有 CSS 的 vertical-align 特性，但是并不能有效解决未知高度的垂直居中问题（在一个 DIV 标签里有未知高度的文本或图片的情况下）。
标 准浏览器如 Mozilla, Opera, Safari 等.，可将父级元素显示方式设定为 TABLE(display: table;) ，内部子元素定为 table-cell (display: table-cell)，通过 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.zishu.cn< ......
