各浏览器默认样式对照表
作者:飘零雾雨 日期:2012-04-19
发个博客标记一下，好久没写了。
这段时间在重写 CSS Reset 的时候，突然觉得有必要稍微整理了一下各浏览器的默认样式对照表。我们知道所谓的CSS Reset其实就是为了统一各浏览器的初始外观形态，而决定这个初始外观形态的东西就是各浏览器的默认样式。
了解各浏览器的默认样式这能让我们对每条Reset规则的写法做到心中有数，也可以随时自己写一个适合相应项目或公司的CSS Reset出来。举个很简单的例子，你可能就不会再这样写了*{margin:0;padding:0;}
了解各浏览器的默认样式对于帮助我们了解浏览器差异有很大的帮助，比如做浏览器兼容、fix一些bug之类的，都在一定程度上要求我们对浏览器默认样式有一定的了解和记忆。
CSS参考手册问题收集
作者:飘零雾雨 日期:2011-05-22
CSS参考手册新鲜出炉
作者:飘零雾雨 日期:2011-05-21
chm版下载：CSS参考手册v1.2.2
坚持了近半年，这本全新的CSS参考手册终于面世了。内容涵盖CSS2.1和大部分CSS3。
由于个人的精力有限，手册内容难免出现错误和问题，望广大网友不吝斧正。请将您发现的问题提交到CSS参考手册问题反馈，用以表达对您的感激，将会在手册内的鸣谢页面列出您的名字。
Silverlight中Path无法多次使用的解决方案
作者:飘零雾雨 日期:2011-03-12
在Silverlight中，多个Path控件在引用相同Style静态资源后，只能显示其中的一个。
场景是将Data属性也在Style静态资源中定义，这时候就会产生上述问题。
如以下定义一个“打勾”的图标资源：
<Style x:Key="IcoHook" TargetType="Path">
<Setter Property="Data" value="这里是Data的Value"/>
<Setter Property="Fill" value="#ffeeeeee"/>
<Setter Property="Stretch" value="Fill"/>
<Setter Property="Width" value="16"/>
<Setter Property="Height" value="16"/>
</Style>假设我们有以上一段目标类型为Path的Style静态资源，那么如果这时如果有多个Path控件如下面的代码引用这个资源：
<Path Style="{StaticResourceIcoHook}"/>
则最终这多个Path只有一个会被显示。
Tags: Silverlight Path
IE6倒计时
作者:飘零雾雨 日期:2011-03-05
今天，微软上线了一个IE6 Countdown的网站，鼓励全球用户与IE6说再见。并制作了一幅IE6全球分布图，其中橙色代表使用率超过25%的地区，颜色越淡代表该地区的IE6占有率越小。
很遗憾，中国仍是使用IE6的主力军，IE6在中国的用户高达34.5%，占全球IE6使用率12.0%中的5.9%，这也就是说IE6的使用者有一半来自中国。
从身边开始，影响每一个人，我们不应成为“文明”进步的绊脚石。升级你的IE6，是时候与IE6 Say Goodbye了。
CSS3 background-size让背景图寸尺大小可控
作者:飘零雾雨 日期:2010-08-05
转载请注明出处：css探索之旅；本文地址：CSS3 background-size让背景图寸尺大小可控
background-size是CSS3提供的一个新特性，它可以让你随心所欲的控制背景图的尺寸大小。先简要的看看background-size的用法。我们知道在CSS2中，背景图的大小在样式中是不可控的，比如要想使得背景图填充满某个区域，你要么重新做帐大点的图，要么就只能让它以平铺的方式来填充。
如今background-size让你既可以直接缩放背景图来填充满这个区域，也可以让你先给背景图设置大小，然后以设置好的尺寸去平铺满这个区域。
一起来认识认识background-size吧。
background-size的值类型：
Tags: background-size background 背景图寸尺 css3
CSS3 background-image允许你使用多背景图
作者:飘零雾雨 日期:2010-07-30
转载请注明出处：css探索之旅；本文地址：CSS3 background-image允许你使用多背景图
如果尚未对CSS3有一定的了解，相信你还会为要给同一个元素设置多个背景图而头痛。于是就衍生出一些使用伪对象来实现的解决方案，如使用:first-letter，:first-line，:befor，:after等；又或是使用多个无意义标记堆叠来实现；又或是其它的什么方法。
当然，方法没有错误，有的只是寻求最适合和最简单的。
相信在CSS3 multiple background-image尚未出现之前，亦没有人会说自己的某某方法是最佳的，有的只是满足需求的一些变通方案（即使是在现在这种CSS3尚未被所有浏览器支持的情况下，是否要在项目中使用multiple background-image，也是你必须要考虑的问题)。
所谓有需求就会有变化，也许正是基于这样或那样的考虑，background-image终于将多背景图纳入了自己势力的范围之内。
Tags: background-image background 多背景图 css3
CSS3 RGBA不是简单的RGB与opacity相加
作者:飘零雾雨 日期:2010-07-27
转载请注明出处：css探索之旅；本文地址：CSS3 RGBA不是简单的RGB与opacity相加
“有了新盖中盖高钙片，一片顶过去五片，高钙片，水果味，一个片嘣五楼，不费劲儿！”
这句广告词估计大家都早已烂熟于胸，多年的狂轰乱炸，想记不住也是不可能的。比起新盖中盖高钙片广告词中的神效，CSS3 RGBA之与RGB又或HEX，应该可以对等。
为什么要这么说？想想不使用CSS3，我们一直是如何满足“背景透明，文字（内容）不透明”这种需求的？
例如现在有个需求：
- 有个长300px，高100px的div在body为红色的页面中；
- 该div拥有不透明度为50%的黑色背景颜色；
- 该div内容不允许出现半透明效果，且文字为白色。
CSS3 box-shadow阴影之美
作者:飘零雾雨 日期:2010-07-25
转载请注明出处：css探索之旅；本文地址：CSS3 box-shadow阴影之美
与圆角border-radius属性一样，盒阴影box-shadow也是一个令人激动的属性。
W3C将box-shadow加入CSS3属性列表，并使其标准化，应该是件值得高兴的事。也许，从此你再也不会因为“实现代价”而与设计师争得脸红。
那么，box-shadow究竟是如何被人们所称道的？
如果你是前端工程师，你可能有过这些痛苦的经历：
- 面对到处都是圆角的设计稿；
- 面对到处都是圆角+阴影的设计稿；
- 面对到处都是圆角+阴影+半透明的设计稿。
Tags: box-shadow css3
