css ie6 ie7 firefox相容寫法

    比如這個條件：
    margin:3px 3px 0px 3px;
    display:block;

    想必大家一看就知道是什麼意思了，但通過測試，IE6和IE7瀏覽器，表現得就有區別。IE6表現得就很鬆散，似乎不止3px的左右距離而變成了雙倍距離，即6px；而IE7下，基本正常。

    後來在網上學習了一下，將display:block;這個條件變成了display:inline;後，IE6正常了，不再出現那麼大的距離，而且比較準確；但IE7又不正常了，似乎右邊的距離變小（幾乎沒有），左邊的距離正常。

    繼續在網上學習，之後加進了一些條件，將css裡的條件改成這樣：
    *margin:3px 8px 0px 3px !important;  /***適合IE7.0***/
    *margin:3px 3px 0px 3px;                /****適合IE6.0***/
      margin:3px 8px 0px 3px;                  /*****適合FF*****/
    *display:block !important;
    *display:inline;
      display:block; 

    為什麼這樣做呢？原因如下：
    IE7.0 相容任何條件，既能識別*號，也能識別 !important ；
    IE6.0 能識別*號，但不能識別 !important ；
    FF(Firefox）能識別 !important ，但不能識別*號。

    那這樣一來，如果對方用的FF，那就只能識別margin:3px 8px 0px 3px;  而不能識別上面的兩個條件了。

    如果對方用的IE6.0  ，那第一個條件不能滿足，只能優先識別第二個條件：*margin:3px 3px 0px 3px; 

    如果對方用的IE7.0，那首先第一個條件就滿足了，優先考慮：  *margin:3px 8px 0px 3px !important;