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