在當今網頁設計/開發實踐中,使用CSS來為語義化的(X)HTML標記添加樣式風格是重要的關鍵。在設計師們的夢想中都存在著這樣的一個完美世界:所有的瀏覽器都能夠理解和適用多有CSS規則,并且呈現相同的視覺效果(沒有兼容性問題)。但是,我們并沒有生活在這個完美的世界,現實中發生的失竊卻總是恰恰相反,很多CSS樣式在不同的瀏覽器中有著不同的解釋和呈現。
當今流行的瀏覽器(如:Firefox、Opera、Internet Explorer、Chrome、Safari等等)中,有一些都是以自己的方式去理解CSS規范,這就會導致有的瀏覽器對CSS的解釋與設計師的CSS定義初衷相沖突,使得網頁的樣子在某些瀏覽器下能正確按照設計師的想法顯示,但有些瀏覽器卻并沒有按照設計師想要的樣子顯示出來,這就導致瀏覽器的兼容性問題。更糟的是,有的瀏覽器完全無視CSS的一些聲明和屬性。
正因為上述沖突和問題依然存在于這個”不完美的世界”,所以一些設計師想到了一種避免瀏覽器兼容性問題的方法,那就是CSS Reset,什么是CSS Reset?我們可以把它叫做CSS重設,也有人叫做CSS復位、默認CSS、CSS重置等。CSS重設就是由于各種瀏覽器解釋CSS樣式的初始值有所不同,導致設計師在沒有定義某個CSS屬性時,不同的瀏覽器會按照自己的默認值來為沒有定義的樣式賦值,所以我們要先定義好一些CSS樣式,來讓所有瀏覽器都按照同樣的規則解釋CSS,這樣就能避免發生這種問題。
一.最簡化的CSS Reset(重設) :
|
新聞熱點
疑難解答