text-shadow语法:
text-shadow
：
none
|
none
|
[
,
]
*
或none
|
[,
]*
也就是：
text-shadow:[颜色(Color)
x轴(X
Offset)
y轴(Y
Offset)
x轴(X
Offset)
y轴(Y
Offset)
模糊半径(Blur)]...
或者
text-shadow:[x轴(X
Offset)
y轴(Y
Offset)
模糊半径(Blur)
颜色(Color)],[x轴(X
Offset)
y轴(Y
Offset)
模糊半径(Blur)
颜色(Color)].
例子：
.demo
{background:
#666666width:
440pxpadding:
30px
font:
bold
55px/100%
"微软雅黑",
"Lucida
Grande",
"Lucida
Sans",
Helvetica,
Arial,
Sanscolor:
#ffftext-transform:
uppercase}
html5:用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
css3:
1. CSS3实现圆角（border-radius），阴影（box-shadow），
2.对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）
3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg)// 旋转,缩放,定位,倾斜
4.增加了更多的CSS选择器 多背景 rgba
5.在CSS3中唯一引入的伪元素是 ::selection.
6.媒体查询，多栏布局
7.border-image
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
function dis(lo)
{
for(var i=1i<=3i++)
{
if(lo==i)
document.getElementById("di"+lo).style.display="block"
else
document.getElementById("di"+i).style.display="none"
}
}
</script>
<style type="text/css">
.index_1{float:leftwidth:100pxheight:200px}
.index_2{width:100pxheight:100pxbackground-color:blue}
.index_3{width:100pxheight:100pxbackground-color:green}
.index_4{width:100pxheight:100pxbackground-color:#9900FF}
.index_5{width:200pxheight:300pxbackground-color:graydisplay:none}
.index_6{width:200pxheight:300pxbackground-color:blackdisplay:none}
.index_7{width:200pxheight:300pxbackground-color:yellowdisplay:none}
.index_8{float:leftwidth:200pxheight:300px}
</style>
</head>
<body>
<div class="index_1">
<div class="index_2" onmousemove="dis(1)"></div>
<div class="index_3" onmousemove="dis(2)"></div>
<div class="index_4" onmousemove="dis(3)"></div>
</div>
<div class="index_8">
<div id="di1" class="index_5"></div>
<div id="di2" class="index_6"></div>
<div id="di3" class="index_7"></div>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）