css 记录

css3属性：text-shadow（文字阴影）

作者：Hardy 时间：10-04-2012 类别：DIV+CSS布局

.图片阴影效果
box-shadow的四个参数：


x-offset                         x轴偏移


y-offset                         y轴偏移


blur                          　　模糊值


color of shadow               阴影颜色

1.大多数标签都有自己的默认样式，比如body的默认外边距（margin=0），以及ul前的圆点
及左侧的内边距（padding=0，margin=0）！代码如下：
#menu{}
#menu ul {list-style:none;margin=0;padding=0;}
#menu ul li{padding:0px 8px;height:26px;...}
#menu ul和#menu ul li 即为派生选择器，如果把前边的#menu去掉，将是对ul标签重定义！


2.css中分为块级元素和行内元素
块级元素：div p form ul ol li等
行内元素：span strong em等


区别：块级元素会独占一行，相邻的行内元素会排在同一行。

text-shadow是css3中的属性中的文字阴影效果

相关语法：

1	text-shadow: length | length  | length | color;

2	text-shadow: X轴长度 | Y轴长度 | 阴影模糊半径 | 颜色;

X轴长度和Y轴长度可以为负值，如果不需要设置阴影模糊半径的话，可以省略

下面的写法都是可以的：

1	text-shadow: -1px 2px 3px #ffb69a;

2	text-shadow: -1px 2px #ffb69a;

3	text-shadow: -1px 2px 3px #ffb69a,1px 1px 5px #922e09;

注意：一个text-shadow里可以写多个属性，中间用”,”分开即可
下面分享几个具体的例子
css部分：

查看源代码

打印 帮助

1	<style type=text/css>

2	* {margin:0;padding:0;}

3

body {

4	font-family:"微软雅黑","宋体",Geneva, sans-serif;

5	font-size:35px;

6	font-weight:bold;

7	background:#ebebeb;

8

}

9

#test1 {

10	text-shadow: 1px 1px #40730e;

11	color:#92bf30;

12

}

13

#test2 {

14	text-shadow: 1px 1px 3px #000;

15	color:#676767;

16

}