瀏覽器相容

(1)方法一 條件註釋法

IE大小寫無關係

1.只在IE中生效

<!--[if IE]>
    這段文字只在IE瀏覽器顯示.
<![endif]-->

2.只在IE6中生效

<!--[if IE 6(6/7/8)]>
    這段文字只在IE6(或7或8...)瀏覽器顯示.
<![endif]-->

3.只在IE6以上版本生效

<!--[if gte IE 6]>
    這段文字只在IE6版本以上瀏覽器中顯示.
<![endif]-->

4.只在IE8中不生效

<!--[if ! IE 8]>
    這段文字在非IE8版本瀏覽器中顯示.
<![endif]-->
 

5.非IE瀏覽器中生效

<!--[if ! IE]>
    這段文字只在非IE瀏覽器中顯示.
<![endif]-->

去掉圖片間的間距:
font-size:0px;
word-spacing: 0px;/-數值px;
float

透明:
opacity: 數值(0-1)_被設定的元素整體透明度

CSS3 選擇器

element>element

如:div>p  只選擇div裡邊的第一代p元素.

element+element

如:li+li 選擇li下邊的li(此處選中第一個li後面的所有li)

:first-of-type

選擇P元素在父元素裡面所有p元素中第一個出現的p元素.

:last-of-type

選擇p元素在父元素裡面所有p元素中最後一個出現的p元素.

:only-of-type

選擇p元素在父元素所有子元素中只出現一次的p元素.

:only-child

選擇p元素在父元素中是唯一子元素的p元素.

:nth-child(n)

選擇p元素在父元素所有子元素中排列第n位的p元素.