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

 

你可能感兴趣的:(css技巧--整理(1))