1.css字體簡寫規矩

2.一起運用兩個class

3.css中邊框（border)的默許值

4.!important會被IE疏忽

5.圖像替換的竅門

舉例來說，你想在每一頁的頂部運用“Buy widgets”的標題，但你一起又期望這是能被搜索引擎發現的，為了美麗你運用了罕見的字體那么你就得用圖像來顯現了：

這么當然沒錯，可是有依據顯現搜索引擎對真實文本的注重遠超過alt文本（由于已經有太多網站運用alt文本充任關鍵詞），因而，咱們得用另一種方法：

Buy　widgets

10個CSS技巧

10個CSS技巧

如今你既用上了美麗的圖像又極好的躲藏了真實文本--借助css，文本被定坐落屏幕左邊-2000像素處。

css盒模型hack被用來處理IE6之前的瀏覽器顯現疑問，IE6.0之前的版別會把某元素的邊框值和填充值包含在寬度以內（而不是加在寬度值上）。例如，你也許會運用以下css來指定某個容器的尺度：

然后在html中運用：

7.將塊元素居中

8.運用css完成筆直居中

9. 容器內的css定位

css的缺陷之一是缺少筆直方向的控制，然后致使了一個表格規劃不會遇到的疑問。假定你在頁面的左邊設定了一列用于放置網站的導航。頁面為白色布景，但你期望導航地點的列為藍色布景，運用以下css即可：

疑問在于導航項不會一向延伸到頁面的底部，天然它的布景色也不會延伸到底部。所以左列的藍色布景在頁面上被半路切斷，浪費了你的一番規劃。怎么辦呢？很不幸咱們如今只能用欺騙的方法，行將body的布景指定為與左列同色彩同寬度的圖像，css如下：

布景圖應為寬150像素的藍色圖像。這一方法的缺陷是無法運用em來指定左列的寬度，當用戶改動文字的巨細致使內容的寬度擴大時，布景色的寬度不會隨之改動。