响应式布局和css3

1.使用百分比

2.使用em，相对于上下文的百分比（body默认16px, 100%, 1em）

body{ font-size: 16px; font-size: 100%; font-size: 1em; }

子元素相对body的大小。比如宽度为48px, 则设置 width: 3em

3.媒体查询，比较常用的框架bootstrap.css

4.css3 

text-shadow (阴影）: 1px 1px 1px #000000;  右阴影   下阴影    模糊宽度   阴影颜色

　　　　　　　　　 -1px -1px 1px #000000;  上阴影   左阴影    模糊宽度   阴影颜色

　　　　　　　　       0   1px  0  #ffffff;   浮雕效果

多重阴影：text-shadow: 0 1px 0 #fff, 4px 4px #000

box-shadow: 0 0 1px #ffffff;  水平偏移距离，垂直偏移距离，模糊半径，阴影颜色

　　　　　　inset 0 0 30px #000; 内阴影

多重阴影：box-shadow: 0 1px 0 #fff, 4px 4px 0 #000

渐变背景

多重背景图片 background: url(), url(), url()