css技巧--整理（1）

1、文字描边

-webkit-text-shadow:#be8ef8 2px 0 1px,#be8ef8 0 2px 1px,#be8ef8 -2px 0 1px,#be8ef8 0 -2px 1px;
    -moz-text-shadow:#be8ef8 2px 0 1px,#be8ef8 0 2px 1px,#be8ef8 -2px 0 1px,#be8ef8 0 -2px 1px;
    text-shadow:#be8ef8 2px 0 1px,#be8ef8 0 2px 1px,#be8ef8 -2px 0 1px,#be8ef8 0 -2px 1px;
    *filter: Glow(Color=#be8ef8, Strength=2);

2、css3 响应式单位布局vw vh

css3引入的”vw”和”vh”基于宽度/高度相对于窗口大小，”vw”=”view width”, “vh”=”view height”; 以上我们称为视窗单位允许我们更接近浏览器窗口来定义大小。

相对于视口的宽度。视口被均分为100单位的vw

实例代码：

h1 {
    font-size: 8vw;
}

如果视口的宽度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/100