号外号外，HTML官方logo华丽丽滴诞生了。您可以起官方logo页面（点击这里）其观摩。
它是如此的闪耀，以至于我不得不用手挡住眼前的强光，它的朝气，它的魄力迎面袭来，让人窒息。
本文就是个简单的展示，一些图片效果，一些碎碎念的文字，一些代码展示，效果也是别人做的，不过对于开阔眼界，熟悉前端前言动态还是有不少帮助的。
“CSS相关”目录存档
使用纯洁的CSS实现HTML5的新logo
2011年01月21日，星期五CSS 相对/绝对(relative/absolute)定位系列（二）
2010年12月26日，星期日
本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第二篇，文章通过三个事例展示了absolute绝对定位布局一些替换的实现方式；点明了absolute属性与left/top等属性之间的关系，再一次提及了absolute属性与float:left的近亲关系。最后表达了自己absolute元素应该放在body标签内的观点。这些就是本篇的主要内容。内容阐述方便很详尽，丰富的截图，必要的源代码展示，以及非常专业的demo实例页面。总之，希望能对您的学习有所帮助。
div模拟textarea文本域轻松实现高度自适应
2010年12月23日，星期四textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。
作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条，高度固执地岿然不动。所以，有时候，为了增加交互体验想让文本域高度自适应的时候，就会遇到麻烦。
然而，实际上，如果你要求不是很高，是个非常简便，且老少皆宜的实现方法的。这种方法就是使用普通的div标签模拟textarea文本域，同时又利用了div标签的高度自适应性。于是，textarea文本域的高度自适应效果就可以轻松实现。
本文就是讲述如何实现这种模拟的自适应效果的。提供代码展示，提供丰富飞截图，以及必要的demo实例页面，希望能对您的学习有所帮助。
CSS box-flex属性，然后弹性盒子模型简介
2010年12月19日，星期日本文以CSS3中的box-flex属性未切入口，简单介绍下CSS3中新的盒子模型——弹性盒子模型。介绍内容涵盖目前盒子模型所有的CSS属性，如box-orient, box-direction, box-align, box-pack, box-lines之类，其中每个属性都有代码展示与demo示例，并有丰富飞截图展示，可能有些地方啰嗦了点，但是内容还算比较具体，总之，希望能对您的学习有所帮助。
CSS3 box-shadow实现纸张的曲线投影效果
2010年12月12日，星期日本文可以说是CSS3下的小点新技术展示吧。如何借助CSS3的一些属性实现类似纸张的曲线投影效果。内容不多，但是，有原理讲解，源码展示，有截图示意，还有demo实例页面。总之希望能对您的学习有所帮助。
CSS 相对|绝对(relative/absolute)定位系列（一）
2010年12月9日，星期四本文是CSS 相对/绝对(relative/absolute)定位长篇系列的第一篇，大部分的内容被理论观点和题外话给占据了。本文主要内容就是分析了absolute与浮动之间的关系，一些典型的特性。还阐述了自己尽量不要使用absolute属性做普通DOM布局的观点。相对于本篇的文字量，图片啊代码啊以及demo相对少了写，但是，应该不会影响您的阅读与理解的。本文书写还是花了好些功夫的，力求准确表述自己观点的同时语言通俗生动。总之，希望本文能对您的学习有所帮助。
CSS3 Transitions, Transforms和Animation使用简介与应用展示
2010年11月25日，星期四
本文介绍CSS3动画相关的几个属性是：transition, transform, animation，分别理解为过渡，变换，动画。虽然目前很多浏览器还没有完全支持这些属性，但是，在渐进增强的原则下，其高效的动画实现方式还是有很实际的应用价值的。本文实例当先（共14个），依次展示transition属性，transform属性，animation属性，而后三者结合展示一些更实际的效果与应用。
本文demo页面非常详细，提高必要的源代码展示，和截图供参考。希望能对您的学习有所帮助。
备忘：CSS术语词汇表
2010年11月18日，星期四拜拜了,浮动布局-基于display:inline-block的列表布局
2010年11月3日，星期三
对于浮动局部的局限性，想必同行们都知道，就是每个列表元素的高度必须要一致，否则就会像是俄罗斯方块一样，“锯齿相错”，例如一个左浮动列表布局，如果第一行有个列表高度高于其他列表，那就在第二行，第一个元素会沿着最高元素的右侧对齐。
浮动本身就是个魔鬼，所以，使用浮动布局还需要修复其带来的副作用——高度塌陷的问题，也就是常提到的“清除浮动”了。
另外，IE6下，重复的列表元素会出现莫名的bug，例如出现不知哪来的文字。
而基于display:inline-block的列表布局可以避免这些问题，本文就将一步一步地展示基于display:inline-block的列表布局的可用性以及价值所在。本文内容较多，讲解详细，配以丰富飞截图，必要的demo页面。还是视频展示，希望能对您的学习有所帮助。
我所知道的几种display:table-cell的应用
2010年10月28日，星期四display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的，但是IE6/7只能对你说sorry了，这一事实也是大大制约了display:table-cell属性在实际项目中的应用。
我们都知道，单元格有一些比较特别的属性，例如元素的垂直居中对齐，关联伸缩等，所以display:table-cell还是有不少潜在的使用价值的，虽说IE6/7不支持此属性，但是幸运的是，IE6/7一些乱糟糟的属性与渲染，我们可以其他方法实现同样或是类似的效果。
本文就将介绍使用display:table-cell属性让大小不固定元素垂直对齐，两栏自适应布局，多栏等高布局，以及不太擅长的列表布局等。提供必要的截图以及demo实例页面展示，和一些简单的源代码展示。时间仓促，文字可能略显粗糙，总之，希望能对您的学习有所帮助。
我的应用
我的应用