1.css字體簡寫規(guī)矩

2.一起運用兩個class

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

4.!important會被IE疏忽

5.圖像替換的竅門

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

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

Buy　widgets

10個CSS技巧

10個CSS技巧

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

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

然后在html中運用：

7.將塊元素居中

8.運用css完成筆直居中

9. 容器內(nèi)的css定位

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

疑問在于導(dǎo)航項不會一向延伸到頁面的底部，天然它的布景色也不會延伸到底部。所以左列的藍色布景在頁面上被半路切斷，浪費了你的一番規(guī)劃。怎么辦呢？很不幸咱們?nèi)缃裰荒苡闷垓_的方法，行將body的布景指定為與左列同色彩同寬度的圖像，css如下：

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