CSSに対するブラウザのサポートは、CSSの開発に遅れをとっています。 CSS 3の仕様は半分以上行われています。しかし、これはCSSで新しいテクノロジーを使用することを妨げません。 CSSで一般的なテクノロジーを使用するのと同じくらい自由に適用することはできませんが、特定のブラウザでより鮮明な結果を得ることができます。適切な場所でこれらの新しいテクノロジーを使用すると、CSSテクノロジーの最前線に立つことができるだけでなく、作品がリフレッシュされます。 新しいCSSテクノロジー:すべてのブラウザからサポートを得ることを期待しないでください 1行目では、値属性を持つすべてのフォームの高さを25pxに設定できます。しかし、この「新しいCSSテクノロジー」がサポートされていないため、Internet Explorer 6でこれを行うことは完全に効果がありません。 ただし、この新しいテクノロジーは、インターネットエクスプローラー8でもサポートされていません。現在、Firefox、Safari、およびChromeでのみサポートされており、このサポートはFirefox、Moz -Radius、Safari、Chrome Use Wekitでは完全にサポートされていません - 半径。
Microsoftは、インターネットエクスプローラー5.5から8.0のブラウザの各バージョンのCSSのサポートレベルを発表しました。 CSS 2.1の属性セレクター。これは、現在、市場の40%以上を占めているInternet Explorer 6.Xユーザーにこのテクノロジーを使用してあきらめる必要があることを意味します。例えば:
[値] {高さ:25px}
[href = http://www.dudo.org/] {color:red;}
CSS 3では、より強力な機能を備えています。CSS3は、丸みを帯びたコーナーテクノロジー、3次元の境界線、その他の効果も追加されています。 2は非常に簡単になります。たとえば、CSS 3では、丸い角の外観を実現するには次のコードのみが必要です。
<div style = "radiu:5px">これは丸い角です</div>
これはCSSの新しいテクノロジーであり、すべてのブラウザが同時に完全に説明することはできません。
新しいCSSテクノロジーはCSSハッキングではありません
CSSハックとは何ですか? CSSハックは、CSSルールの適用を個別に実装するために、ブラウザのCSSのアプリケーションでいくつかの欠点を使用する方法です。たとえば、_Propertyを使用して、IE7、8およびIEの他のバージョンを区別し、 *プロパティを使用してIEと非IEのブラウザなどを区別できます。ただし、これらのCSSハッキングはすべて標準的なCSS仕様ではなく、W3Cの検証はすべて誤ったCSSルールであることが指摘されています。しかし、新しいCSSテクノロジーは標準的なCSS仕様ですが、一部のブラウザではサポートできません。
さらに、新しいCSSテクノロジーはハックによって解決することはできません。さまざまなブラウザーのボックスモデルの説明が一貫していない場合、CSSハッキングを介して修正できますが、インターネットエクスプローラーが丸みを帯びた長方形をサポートしていないという問題は、CSSハックテクノロジーによって解決することはできません背景画像。
したがって、新しいCSSテクノロジーはCSSハッキングの一種ではなく、正統派のCSS仕様です。
新しいCSSテクノロジーの適切な使用
前に述べましたが、新しいCSSテクノロジーはすべてのブラウザでサポートできず、CSSハックテクノロジーを使用するなど、さまざまなブラウザーで同じ効果を達成することもできません。ただし、これは私たちがそれらを使用することを妨げません。想像してみてください、その使用に影響を与えることなくブラウザに使いやすさを追加する方が魅力的ではないでしょうか?また、CSSハックなどの不規則なCSSルールを追加することなく、この効果を達成しました。したがって、適切なタイミングでCSSテクノロジーを適切に使用すると、ケーキのアイシングを実現でき、Webページを使いやすくなります。