CSS是網頁設計中不可或缺的一部分,可以用來美化網頁,增加其可讀性。但是,你可能碰到過這樣的問題:同樣的CSS代碼,在不同的瀏覽器中顯示效果卻不一樣。這是因為不同的瀏覽器有自己的缺省設置,默認情況下會應用自己的CSS樣式。
所謂缺省設置,就是在沒有明確指定CSS樣式的情況下,瀏覽器會自動應用一些默認樣式。
比如我們看到到的藍色的鏈接,就是瀏覽器的缺省設置。如果不指定自定義樣式,在不同的瀏覽器中,鏈接的顏色可能是不同的,甚至可能不是藍色。
為了避免這種情況的出現,我們可以使用CSS Reset。CSS Reset是一種CSS代碼,它的作用是將所有的HTML標簽的默認樣式都清除,從而使頁面在不同的瀏覽器中都顯示一致的效果。
下面是一個基本的CSS Reset代碼:
* { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; }
使用CSS Reset后,所有的HTML標簽的默認樣式都被清除了。比如鏈接不再是藍色,而是無下劃線黑色。這樣,我們就可以在不同的瀏覽器中獲得一致的頁面效果。
總之,缺省設置是導致瀏覽器之間表現差異的原因之一。為了避免這種情況的出現,我們可以使用CSS Reset來清除所有HTML標簽的默認樣式。
上一篇css瀏覽按鈕設置