关♥生活，关注互联网。
由CSS发表的日志
如何编写优质的网站代码[译]
11月 22nd
Writing semantic, efficient and valid HTML and CSS can be a time-intensive process that only gets better with experience. While it is important to take the time to produce high-quality code — as it is what separates professionals from hobbyists — it is equally important to produce websites as expeditiously and efficiently as possible.
编写语义化、高效而又符合规范的HTML和CSS代码不仅要花费大量时间还需要丰富的经验。但为了产生优质代码而投入时间是值得的——代码质量可以体现业余爱好者与专业人士之间的区别——这与快速高效地完成网站建设同样重要。 More >
CSS3 图片相册代码下载
3月 5th
尽管CSS3仍处于发展阶段，却是新的热潮，令许多网站开发者感到兴奋。 CSS3 将带来新的更大的网络发展，实现网页设计的与时俱进，让网页设计师和开发人员的创造力得到充分展现。 CSS3增加了许多新特性 如：文本阴影，圆形边界，动画，自定义网页字体，等等。 甚至有他们不少人认为一旦所有浏览器都支持CSS3 它将取代JavaScript的动画特效。 下面是一个CSS3图片相册的编写过程：
HTML结构
首先，我们将创建如下结构。 第一个图像是类名“mini”，第二个是时显示的图片与类名“pic”。 More >
CSS3的47个超酷应用实例
2月 4th
下面是47个CSS3效果演示。这些都说明了CSS3不仅能提供绚丽的效果同时在网页设计中也是非常有用的，可以作为JavaScript的替代品使用。非常酷的效果。为了全面展现这些效果，你需要一个如Safari和Chrome WebKit的浏览器（抱歉，Internet Explorer的用户）。一起来享受CSS3的神奇吧！
CSS3 Clock With jQuery
纯CSS 利用“-moz-box-shadow”为图片添加阴影效果
1月 10th
这几天Kainy在网上闲逛见到一些博客的图片有漂亮的阴影效果，还以为是每张图片上传前处理过，可是在ie6下浏览则无阴影效果，问了好多地方都没结果，网络上查找到的也大都是用css调用带阴影图片做背景和图片结合起来，形式的阴影效果，并非纯css生成的阴影效果。
今天看到QQ空间的相册中也用到了这一效果，于是翻翻源码，经一番努力发现原来是用到了“-moz-box-shadow”这──盒子阴影。这个特性允许在任何支持盒子模型的元素上投射出“阴影”效果。
由于CSS3的盒子阴影属性目前还在发展中，所以Firefox特化的把他实现为-moz-box-shadow。这种特化方式是Firefox实现CSS中的实验属性的方法之一，在属性前面加上前缀“-moz-”。等到这个属性最终被CSS3确定之后，属性会重新命名为“box-shadow”。
