文档介绍:1、text-shadow:2px2px2px#f00;text-shadow(文字的影子){x轴(向右为正)y轴(向下为正 晕(模糊宽度没有负值)#ff00(影子颜色)}浏览器兼容:Firefox,Opera,Chrome,Safaribox-shadow: (盒子的影子){x轴(向右为正)y轴(向下为正 晕(模糊宽度没有负值)#ff00(影子颜色)inset(内部的效果)}可以只写x,y,colorinset;另一种x,y,blur,spread,color,inset;不可以x,y,blur/spread,color,inset2、border-radius(圆角):50px;=={border-top-left-radius:50px;border-top-right-radius:50px;border-bottom-left-radius:50px;border-bottom-right-radius:50px;}浏览器兼容:IE9,Firefox4+,Chrome,Safari5+,Opera  body设置宽度对背景图片没影响body{margin:0auto;width:960px;color:#352;font:14px/20px"微软雅黑";background:#352url('../images/')fixedcenterno-repeat;}   body>header{font-size:18px;} body下的子headernot孙子例子<body><header></header><section><header></header></section></body>这其中第二个header不受控制 <h2>可编辑列表</h2><ulcontenteditable="true"><li>one</li><li>two</li><li>three</li></ul>对于未定义长宽的块级元素,内含浮动的块级元素,若要使其有独占一行的效果可添加display:inline-block属性Placeholderinput中的占位符(仅在支持html5的浏览器下有效)用法:<inputtype=”text”Placeholder=”请输入密码”/>,作用:类似于提示语在输入框中。Animation动画Appearance改变(比如div)为其他样式支持火狐/谷歌/苹果Appearance:normal/icon/window/button/menu/field针对CSS3渐变的记录针对手机webkit内核的浏览器不识别此写法:background-image:-webkit-linear-gradient(top,#759AE90%,#376FE050%,#1A5AD950%,#2463DE100%); 识别写法如下:background-image:-webkit-gradient(linear,lefttop,leftbottom,color-stop(0%,#759AE9),color-stop(50%,#376FE0),color-stop(50%,#1A5AD9),color-stop(100%,#2463DE));针对CSS3box-shadow属性不仅支持单定义的属性控制如box-shadow:xys