css ハック原則_html/css_WEB-ITnose

最近、CSS ハックに関する記事をいくつか読んで、それらを整理するのが良いだろうと思いました。

CSS ハックの原理を理解していない人は多く、ブラウザごとに CSS の解析レベルが異なるため、特に IE のようなブラウザでは異なる影響が生じることを誰もが知っています。今回は、ブラウザごとに異なる CSS を記述する必要があります (特に IE)。このプロセスは、ハックではなく、CSS ハックと呼ばれ、さまざまなブラウザの助けを借りた一種の戦略であると言えます。ルールや規格が異なるため、互換性を実現するために「カーブで国を救う」という手法を採用していますが、それでも世界が統一され、ブラウザの仕様を統一できる統一規格が存在することを願っています T T

CSS ハックが主なベースとなっています。

1 .ブラウザは CSS と解析結果のサポートが異なります

2。

よく使用される CSS ハックは、CSS 内部ハック、セレクター ハック、HTML ヘッダー参照の 3 つです。最初のハックが最もよく使用されます。

A.css 内部ハック:

CSS 内部ハック構文は次のとおりですselector{?property:value?;} たとえば、IE6 はアンダースコア "_" とアスタリスク " を認識できます* "、IE7 はアスタリスク "*" を認識できますが、アンダースコア "_" は認識できません。Firefox は両方を認識できません。書き方の順番ですが、認識能力の高いブラウザのCSSは最後に書くのが一般的です。

このようにして、

<style> div{      background:green;/*forfirefox*/      *background:red;/*forIE6 IE7*/  }  </style> 

は IE6 と 7 でのハッキングに成功しました

別の例として、IE6 のみが「! important」の記述方法を認識できませんが、他のバージョンの IE と最新のブラウザーでは認識できます

他のバージョンの IE およびモダン ブラウザは、「+」、「」と同様にこれを認識できます。