.图片阴影效果
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部分:
2 | * { margin : 0 ; padding : 0 ;} |
4 | font-family : "微软雅黑" , "宋体" ,Geneva, sans-serif ; |
10 | text-shadow : 1px 1px #40730e ; |
14 | text-shadow : 1px 1px 3px #000 ; |