這篇文章主要介紹了CSS書寫技巧有哪些，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

公司主營業(yè)務：成都網(wǎng)站制作、成都做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出膠州免費做網(wǎng)站回饋大家。

CSS書寫技巧-1：!important

!important作用是提高指定樣式規(guī)則的應用優(yōu)先權。

IE7以及所有標準瀏覽器能識別!important

區(qū)別IE6與IE7與其他瀏覽器

.browserTest { border:20pxsolid#60A179!important; border:20pxsolid#00F; }

在Mozilla中或者IE7瀏覽時候，能夠理解!important的優(yōu)先級，因此顯示#60A179的顏色：

在IE6中瀏覽時候，不能夠理解!important的優(yōu)先級，因此顯示#00F的顏色：

CSS書寫技巧-2：*

IE都能識別*；標準瀏覽器(如火狐)不能識別*

區(qū)別IE6與火狐

.browserTest { border:20pxsolid#60A179; *border:20pxsolid#00F; }

區(qū)別IE7與火狐

.browserTest { border:20pxsolid#60A179; *border:20pxsolid#00F; }

區(qū)別IE7，IE6與火狐

.browserTest { border:20pxsolid#60A179; *border:20pxsolid#00F!important; *border:20pxsolid###; }

CSS書寫技巧-3：_

IE6支持下劃線，IE7和firefox均不支持下劃線

區(qū)別IE7，IE6與火狐

.browserTest { border:20pxsolid#60A179; *border:20pxsolid#00F; _border:20pxsolid###; } /*不管是什么方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在***面*/

CSS書寫技巧-4：*+html 與 *html

*+html 與 *html 是IE特有的標簽, firefox 暫不支持.而*+html 又為 IE7特有標簽

.browserTest{width:120px;}/*FireFoxfixed*/ *html.browserTest{width:80px;}/*ie6fixed*/ *+html.browserTest{width:60px;}/*ie7fixed*/

注意:

*+html 對IE7的HACK 必須保證HTML頂部有如下聲明：

/*****************************************************************************/

/*****************************************************************************/

以下是一些常用的CSS兼容技巧

1)火狐下給div設置padding后會導致width和height 增加, 但IE不會.(可用!important解決)

2)垂直居中，將 line-height設置為當前div相同的高度, 再通過vertical-align: middle；( 注意內(nèi)容不要換行)

3)水平居中，margin:0 auto;(當然不是***)

4)若需給a標簽內(nèi)內(nèi)容加上樣式, 需要設置 display: block;(常見于導航標簽)

5)浮動IE產(chǎn)生的雙倍距離

在IE下，當一個div設置了float后，然后給他設置margin，就會出現(xiàn)加倍的margin，解決的辦法是給div設置

display:inline。