1. 文字的水平居中
　　將一段文字置于容器的水平中點，只要設置text-align屬性即可：
　　text-align:center;
　　2. 容器的水平居中
　　先為該容器設置一個明確寬度，然后將margin的水平值設為auto即可。
　　div#container {
　　width:760px;
　　margin:0 auto;
　　}
　　3. 文字的垂直居中
　　單行文字的垂直居中，只要將行高與容器高設為相等即可。
　　比如，容器中有一行數字。
　　  1234567890 
 
　　然后 CSS 這樣寫：
　　div#container {height: 35px; line-height: 35px;}
　　如果有n行文字，那么將行高設為容器高度的n分之一即可。
　　4. 容器的垂直居中
　　比如，有一大一小兩個容器，請問如何將小容器垂直居中?
 
　　首先，將大容器的定位為relative。
　　div#big{
　　position:relative;
　　height:480px;
　　}
　　然后，將小容器定位為absolute，再將它的左上角沿y軸下移50%，最后將它margin-top上移本身高度的50%即可。
　　div#small {
　　position: absolute;
　　top: 50%;
　　height: 240px;
　　margin-top: -120px;
　　}
　　使用同樣的思路，也可以做出水平居中的效果。
　　5. 圖片寬度的自適應
　　如何使得較大的圖片，能夠自動適應小容器的寬度?CSS可以這樣寫：
　　img {max-width: 100%}
　　但是IE6不支持max-width，所以遇到IE6時，使用IE條件注釋，將語句改寫為：
　　img {width: 100%}
　　6. 3D按鈕
　　要使按鈕具有3D效果，只要將它的左上部邊框設為淺色，右下部邊框設為深色即可。
　　div#button {
　　background: #88　　CSS目前最新版本為CSS3,能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統HTML的表現而言，CSS能夠對網站制作中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象盒模型的能力，并能夠進行初步交互設計，是目前基于文本展示最優秀的表現設計語言。8;
　　border: 1px solid;
　　border-color: #999 #777 #777 #999;
　　}
　　7. font屬性的快捷寫法
　　font快捷寫法的格式為：
　　body {
　　font: font-style font-variant font-weight font-size line-height font-family;
　　}
　　所以，
　　body {
　　font-family: Arial, Helvetica, sans-serif;
　　font-size: 13px;
　　font-weight: normal;
　　font-variant: small-caps;
　　font-style: italic;
　　line-height: 150%;
　　}
　　可以被寫成：
　　body {
　　font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;
　　}
　　8. link狀態的設置順序
　　link的四種狀態，需要按照下面的前后順序進行設置：
　　a:link
　　a:vi site d
　　a:hover
　　a:active
　　9. IE條件注釋
　　你可以利用條件注釋，設置只對IE產生作用的語句：
　　
　　
　　< ![endif]-->
　　還可以區分各種不同的IE版本：