自由人博客
之前虽然用CSS3 transform做过动画相关项目，目的就是让元素动起来，看着比较酷炫，仅此而已。但是最近想用transform实现小于12px文字的时候却发现transform并未将由于文字过长而换行的文字改为单行，那正好趁着这个机会小小的研究一把。
众所周知Chrome里面（据说只有中文版，未测试）文字最小为12px，那么要实现10px的文字大小，就会用到transform
transform:scale(.5)
这对于正常的应用来说是没问题的，比如下面的例子
北京作为传说中的帝都，作为土鳖的我还一直未去过甚是遗憾，碰巧的是去年在微博上看到裕波说要办个中国首届CSS开发者大会，我也非常想去这个大会，那就借这个机会顺便领略下北京的风光吧（你就是想去玩呗 XD）~~
在北京总共呆了3天，大致日程如下
update[2015-02-02]: 在理解了containing block这个概念之后，发现这篇文章好水，但是人都是慢慢进步的嘛，所以还是留着好了~
一直以来对绝对定位元素没有太多了解，上周五下午测试的时候发现绝对定位元素在使用100%宽高的时候占据的不仅仅是父元素的宽高，还包括父元素的padding，这么说比较抽象，咱直接上demo吧。
See the Pen dimension of absolute positioned element by Bane Lee (@zenoven) on CodePen.
以前总听人说IE6不支持 !important，但是真的是这样么？最好的办法那就是亲身实践，Go！
测试1：
#a {
color: red !important;
color: blue;
}
今天在做页面的时候发现了个奇怪的现象，一段代码在IE8下DIV好像重复显示了。（下面两段是经过，可以无视直接跳到具体现象那一部分）
在.NET群里面问了半天无果，雷锋QQ群众多朋友帮助下也没有找到原因，朋友们说也都是在IE8下有问题。检查这段代码的HTNL、CSS好多次，无果。无奈，一个个删这段代码之前、之后的代码，差不多删完了也同样没有找到。这段代码没问题啊。。。突然想到了这里面的form标签，对了，母版页也有个form！删了这段代码的form，OK！
晕。。。真没想到竟然是这个原因！现在想来，我这么久才找到bug所在，一方面是因为这段代码之前在纯HTML页面的时候是没有问题的，而粘贴到VS2005后，VS2005必须有一个默认的form ，另一方面我用了母版页，我一直以为是母版页有bug（因为前两天我用母版页的时候出过问题）
块元素(block element)
块级元素，形象点说就是一个四方块，可以放在页面上任何地方，一般都会另起一行显示。
有以下元素。
用CSS Sprites将WordPress表情图片合并为一个文件这个想法其实我很早就有了，我已经在别的网站上见到这样的应用了（比如人间网就用了这个技术）。
那么这个方法有什么好处呢？
我想这个方法最大的好处就是大大减少了HTTP Request数量（要知道一般博客上面如果有表情的话，那么表情图片的数量少则有7、8个，多则可达20+，像我之前就用了24个）以及图片的大小（以前我24个GIF图是36K+，现在则只有一个大小为4.74KB的xiaonei.png），这对于大流量的网站的好处是显而易见的。
首先请刷新下~~
如果还是不会动。。。那么就证明我成功了！哈哈，是不是有点莫名奇妙？
因为你现在看到的所有表情其实都在一个图片文件里，是个静态的GIF，大小5.32KB，这个就是昨天晚上忙乎了几个小时的效果。