近日闲适，就随便折腾点东西。本文的内容就比较蛋疼，使用CSS让字符分别上下半截高亮显示。模拟淘宝网排序处的双向排序箭头效果。提供demo页面，必要的截图和源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
“CSS相关”目录存档
小卖弄：字符上下半截的高亮显示
2011年08月17日，星期三小tip:巧用CSS3属性作为CSS hack
2011年08月15日，星期一本文是个短篇，一点小技术的展示。如何妙用CSS3属性作为CSS hack来实现一些兼容性的页面效果，同时，又能兼顾一些现代浏览器。提供demo页面，必要截图以及源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
CSS相对定位|绝对定位(五)之z-index篇
2011年08月9日，星期二本文是CSS相对定位绝对定位系列的最后一篇，简单讲讲z-index。主要内容是讲目前z-index滥用的一个情况。其次是讲了下自己避免z-index混乱使用而采用的分门别类下的1,2,3应用规则。本文没有demo，没有源代码展示，只有一些截图。内容相对前面几篇要少很多，但也精炼了。总之，希望本文的内容能够对您的学习有所帮助。
CSS 相对/绝对(relative/absolute)定位系列（四）
2011年08月6日，星期六
本文是相对定位/绝对定位系列之四——relative相对定位篇。前面部分比较随性，以讲故事的形式介绍relative相对定位的一些属性特点。后面为本文重点，讲述的是relative相对定位的最小化影响原则。有demo，有实例，有截图以及必要的源代码展示。总之，希望本文的内容对您的学习有所帮助。
Google字体API使用简单示例
2011年07月18日，星期一Google总会做些造福大众的事情，例如提供了web在线字体的API，这玩意其实去年就有了，但是字体种类手指头+脚趾头就可以数出来。but 最近，貌似Google对字体API进行了升级，可使用的在线web字体已经奔向200去了。
对于设计者而言，可谓不得不高兴的事情。这里，通过简单的例子，讲讲如何使用这些字体API。
回归传统，本文提供demo页面，效果截图展示，源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
CSS3 background扩展属性element简介
2011年07月16日，星期六CSS3的世界就像是未知的海洋世界，经常会冒出一些气息古怪的玩意。就拿background这个属性来说，普通的图片，背景色自然不在话下，还支持多个背景图片，支持gradient线性或径向渐变，支持自定义起始方位，支持sapce和round平铺，支持背景大小自定义，剪裁形式自定义。
昨天，在mozilla开发者官网又发现了一个很有爱的background属性，叫做element。可以把页面元素当作背景图片来使，真是很神奇很嘎嘎，这里就简单介绍下……
CSS3选择器:nth-child和:nth-of-type之间的差异
2011年06月21日，星期二:nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。提供几个简单的对比实例页面以表现两者之间的差异，提供源代码展示，提供必要的截图。并附上自己对这两个选择器的一些认识和建议。总之，希望本文的内容能够对您的学习有所帮助。
小卖弄：开心网标签词观点交互的CSS实现
2011年06月10日，星期五开心网转帖后面有一个标签式的短评观点交互效果，这种效果的精髓与QQ好友印象是很接近的。但是开心网的实现标签N多，层级也N复杂，且JS实现的交换，并使用了背景图片，缺点多多。本文的内容就是如何使用纯CSS实现类似的效果。本文提供必要的demo页面，页面截图和源代码展示。希望本文的内容能够对您的学习有所帮助。
CSS页面重构“鑫三无准则”之“无图片”准则
2011年05月25日，星期三
“鑫三无准则”这个概念貌似最早是在去年的去年一篇名叫“关于Google圆角高光高宽自适应按钮及其拓展”的文章中提过。这是自己在页面重构的经验中总结出来的一套约束自己CSS的准则，即“无宽度”、“无图片”和“无浮动”，目的是使CSS布局模块化以及增强可扩展性。
此准则是针对我个人的，可能没有什么适用性，也可能会对您的学习有所启发，所以这里还是简单分享下。其中“无宽度”准则则在去年秋天专门讲了下，这里再简单介绍下其中的“无图片”准则。
本文虽然文字不多，但是多涉及到的技术点不少。有demo，有截图，有源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
小tip:IE不支持CSS3多背景的替代解决方案
2011年05月23日，星期一IE6-IE8浏览器不支持CSS3多背景(Multiple backgrounds)，只使得这个很惹人爱的属性没了用武之地，好在IE浏览器下还是有替代的解决方法的。而本文的内容就是介绍这种替代方法，并展示了比较实际的应用实例。显然，像这种性质文章，demo页面自然少不了，丰富飞截图自然少不了，必要的源代码展示也少不了。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用