1. 文字的水平居中
將一段文字置於容器的水平中點，只要設定text-align屬性即可：
text-align:center;
2. 容器的水平居中
先為該容器設定乙個明確寬度，然後將margin的水平值設為auto即可。
div#container
3. 文字的垂直居中
單行文字的垂直居中，只要將行高與容器高設為相等即可。
比如，容器中有一行數字。
1234567890
然後css這樣寫：
div#container
如果有n行文字，那麼將行高設為容器高度的n分之一即可。
4. 容器的垂直居中
比如，有一大一小兩個容器，請問如何將小容器垂直居中?
首先，將大容器的定位為relative。
div#big
然後，將小容器定位為absolute，再將它的左上角沿y軸下移50%，最後將它margin-top上移本身高度的50%即可。
div#small
使用同樣的思路，也可以做出水平居中的效果。
5. 寬度的自適應
如何使得較大的，能夠自動適應小容器的寬度?css可以這樣寫：
img
但是ie6不支援max-width，所以遇到ie6時，使用ie條件注釋，將語句改寫為：
img
6. 3d按鈕
要使按鈕具有3d效果，只要將它的左上部邊框設為淺色，右下部邊框設為深色即可。
div#button
7. font屬性的快捷寫法
font快捷寫法的格式為：
body
所以，body
可以被寫成：
body
8. link狀態的設定順序
link的四種狀態，需要按照下面的前後順序進行設定：
a:link
a:visited
a:hover
a:active
9. ie條件注釋
你可以利用條件注釋，設定只對ie產生作用的語句：
< ![endif]-->
還可以區分各種不同的ie版本：
10. ie6專用語句：方法一
由於ie6不把html視為文件的根元素，所以利用這一點，可以寫出只有ie6才能讀到的語句：
* html
* html body
* html .foo
ie7專用語句則要寫成
*+html .foo
11. ie專用語句：方法二
除了ie6以外，所有瀏覽器都不能識別屬性前的下劃線。而除了ie7之外，所有瀏覽器都不能識別屬性前的*號，因此可以寫出只有這兩個瀏覽器才能讀到的語句：
.element
後面統一採用em作為字型單位，2.4em就表示24px。
h1 15. text-transform和font variant
text-transform用於將所有字母變成小寫字母、大寫字母或首字母大寫：
p p
p font variant用於將字型變成小型的大寫字母(即與小寫字母等高的大寫字母)。
p 16. css重置
css重置用於取消瀏覽器的內建樣式，請參考yui和eric meyer的樣式表。
17. 用充當列表標誌
ul ul li
21. 用替換文字
有時我們需要在標題欄中使用，但是又必須保證搜尋引擎能夠讀到標題，css語句可以這樣寫：
h1 22. 獲得焦點的表單元素
當乙個表單元素獲得焦點時，可以將其突出顯示：
input:focus
23. !important規則
多條css語句互相衝突時，具有!important的語句將覆蓋其他語句。由於ie不支援!important，所以也可以利用它區分不同的瀏覽器。
h1 上面這段語句的結果是，其他瀏覽器都顯示紅色標題，只有ie顯示藍色標題。
24. css提示框
當滑鼠移動到鏈結上方，會自動出現乙個提示框。
鏈結文字 提示文字
css這樣寫：
a.tooltip
a.tooltip span
a:hover /*background-color is a must for ie6*/
a.tooltip:hover span
25. 固定位置的頁首
當頁面滾動時，有時需要頁首在位置固定不變，css語句可以這樣寫，效果參見
body
div#header
@media screen
}* html body
* html div#content
26. 在ie6中設定png的透明效果
.classname
Css使用技巧
text transform 字母大小寫 letter spacing 字元的間距 text indent 文字縮排 background attachment固定背景 scroll指背景圖象隨文字內容一起滾動，即通常所見的方式。fixed指文字滾動時，背景圖象保持固定。背景定位 backgroun...
分享 CSS使用技巧摘抄
其中這點覺得非常有用 block和inline元素對比 所有的html元素都屬於block和inline之一。block元素的特點是 總是在新行上開始 高度，行高以及頂和底邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度 和 是塊元素的例子。相反地，inline元素的特點是 和其他元素都在...
使用過的CSS小技巧筆記
1.實現兩個按鈕水平居中顯示 讓兩個按鈕分別作品有浮動，然後調節左右margin就可以 兩個button標籤，id為login和register login register 2.實現div或者img頭像畫成圓形並居中顯示 img標籤的id為welcomeimg welcomeimg 原文 的方法 ...