2.背景
文档流：
脱离：position：absolute（绝对定位，定到哪就是哪）| fixed（固定的） 。
z-index:1,2,3(越大显示在外面)
1 <html> 2 <head> 3 <title>文档流</title> 4 <style type="text/css"> 5 div{ 6 width:300px; 7 height:300px; 8 } 9 div.div1{ 10 top:100px; 11 left:100px; 12 background-color:red; 13 position:absolute; 14 z-index:3; 15 } 16 div.div2{ 17 top:160px; 18 left:160px; 19 background-color:yellow; 20 position:absolute; 21 z-index:2; } 22 div.div3{ 23 top:200px; 24 left:200px; 25 background-color:green; 26 position:absolute; 27 z-index:1; 28 } 29 30 </style> 31 </head> 32 <body> 33 <div class="div1"></div> 34 <div class="div2"></div> 35 <div class="div3"></div> 36 </body> 37 </html>
3.文本
文字间距：word-spacing（单词之间的间距，根据空格计算）
letter-spacing（字符间的间距，每个字的间距）
对齐方式：text-align 水平对齐方式 left，right，center，justfy
上标：
下标：
排列方式：
段落高度：line-height
首行缩进：text-indent
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> p { letter-spacing:20px; text-align:center; text-indent:10px; } </style> </head> <body> <p> css：cascading style sheet 层叠样式表 </p> </body> </html>
第一次接触火狐的3d视图，都是堆起来的。
原文：http://www.cnblogs.com/liuchao3329/p/5223905.html