css3学习笔记

标签：

1、rgba、透明度

　　众所周知，当给元素背景设置透明度时，元素内部的内容会继承外部元素的透明度属性，与咱们原本意愿不符，而rgba颜色模式就是未解决这个问题而生的

　　background:rgba(0,0,0,.3);前三个数值对应的是r(red),g(green),b(blue)构成颜色的三要素；第四个数值是透明度(Alpha;0代表透明，1代表不透明)

　　rgba可以用于设置任何与颜色相关的属性，如自己颜色，边框颜色，背景颜色，阴影颜色等；

2、text-shadow

　　text-shadow由以下顺序构成：x-offset，y-offset，blur和color组成，即垂直偏移，水平偏移，阴影宽度（模糊半径）和颜色值。

　　text-shadow:2px 3px 2px #ccc;

　　如果对水平偏移（x-offset）应用负值，阴影将出现在元素的右边；如果对垂直偏移（y-offset）应用负值，阴影将出现在元素顶部，可以在阴影颜色上使用RGBa。模糊半径的值越大，阴影越模糊，设置为0时，阴影最清晰。

　　也可以指定一系列text-shadow值（用逗号分隔），下面的例子使用两个text-shadow实现文字凸起效果（上下各1px）。
　　text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;

css3学习笔记

标签：

原文地址：http://www.cnblogs.com/chengkun101/p/4343999.html