讓CSS更規範 招數和過濾器簡介

2021-04-30 02:56:05 字數 450 閱讀 1144

摘自《精通css:高階web標準解決方案》

css過濾器(filter)是一種對特定的瀏覽器或瀏覽器組顯示或隱藏規則或宣告的方法。過濾器根據瀏覽器中的缺陷,比如解析bug以及未實現或錯誤地實現的css,對瀏覽器顯示或隱藏規則。

css招數是一種讓瀏覽器表現得符合自己希望的不優雅的方法。css招數通常用來解決特定的瀏覽器bug,比如ie的專有框模型。不幸的是,招數(hack)這個詞有比較強的負面意義,而且它暗示著還有更好的方法,儘管常常沒有。因此,有些喜歡用補丁(patch)這個詞表示它實際上利用了不正確的瀏覽器行為。

css招數可以使用過濾器將乙個規則應用於一種瀏覽器,將另乙個規則應用於另一種瀏覽器。招數也可以利用不正確的css實現,從而「哄騙」瀏覽器表現得符合自己的希望。從本質上說,css過濾器是一種用來過濾不同瀏覽器的招數型別。不幸的是,大多數人一般使用通用詞招數來描述過濾器。因此,當人們談到css招數時,他們往往是特指過濾器。

讓CSS更規範 div和span

摘自 精通css 高階web標準解決方案 有助於在文件中新增結構的乙個元素是div元素。許多人誤以為div元素沒有語義意義。但是,div實際上代表部分 division 它提供了將文件分割為有意義的區域的方法。所以,通過將主要內容區域包圍在div中並分配id maincontent,就可以在文件中新...

讓CSS更規範 讓設計居中

摘自 長文字行難以閱讀。隨著現代顯示器的尺寸越來越大,螢幕可讀性問題變得越來越重要。緩解這個問題的一種方法是讓設計居中。居中的設計只佔螢幕的一部分,而不是橫跨螢幕的整個寬度,這樣就會建立比較短的容易閱讀的行。居中的設計目前非常時髦,所以如何在css中設計居中是大多數開發人員首先要學習的主題之一。讓設...

第8章 招數和過濾器

在理想的環境中,編寫正確的 css 會在支援 css 的每個瀏覽器中正常工作。不幸的是,我們並不是生活在理想的世界中,瀏覽器有不少 bug 和不一致的地方。為了建立能夠在各種瀏覽器上顯示相同樣式的頁面,css 開發人員需要發揮創造性。通過利用 bug 和未實現的 css 開發人員能夠選擇性地對不同瀏...