CSS3仕様はメインブラウザに部分的に実装されており、少ないコードで非常に良い結果が得られますが、CSS3を使用しない理由はたくさんあります。例えば。CSS3仕様をどのように扱いますか。役に立つ方法で?
私は自分自身に質問しています。とにかく、上記のようにデフォルトの問題を傍受するオプションを付けてCSS3を使用する最良の方法はどれですか?あなたはその後、公開ウェブサイトを作る場合
CSS3仕様はメインブラウザに部分的に実装されており、少ないコードで非常に良い結果が得られますが、CSS3を使用しない理由はたくさんあります。例えば。CSS3仕様をどのように扱いますか。役に立つ方法で?
私は自分自身に質問しています。とにかく、上記のようにデフォルトの問題を傍受するオプションを付けてCSS3を使用する最良の方法はどれですか?あなたはその後、公開ウェブサイトを作る場合
あなたのサイトが順調に劣化している限り、CSS3の使用には何も問題ありません。
#foo {
border:1px solid #000; /* shown by all browsers */
border-radius:5px; /* shown if browser understands border-radius */
-moz-border-radius:5px; /* Firefox only */
-webkit-border-radius:5px; /* Safari and Google Chrome */
}
を限り、サイトは、あなたが、あなたを使用したいCSS3のルールをサポートしていないブラウザでは壊れ見ていないよう:やっぱ、ブラウザが特定のCSSはそれだけでそれを無視するルールを理解していない場合それらをサポートしているブラウザであなたのサイトprogressively enhancingを確認する必要があります。
あなたはおろか、何のCSS 2.1を意味しないIE6をサポートする必要があるあなたが試すことができます。3.
ことの一つは、次のとおりです。lesscss
これは、あなたが速記のCSSを使用できるようになりますビルド時に有効なCSSに "コンパイル"します。
IE6が死んでいる、長いライブIE6です! ;-) – IrishChieftain
"When can I use..."は、合理的に使用できる機能を確認するのに便利です。
すばらしいリンク。あなたはIE7が満了するのを待つために多くの忍耐を必要とするでしょう! – Skilldrick
はい、確かに正しいですが、例を挙げておきます。丸みを帯びた角と影(css 3 spec:border-radiusとbox-shadow)を持つボックスで、このデザインが必要なだけでなく、ブラウザは表示/表示できません。このデザインをどのように確保することが可能ですか?私の最初の考えは、2番目のCSSのレイアウトを実装し、使用するページの先頭を検討することです。 - しかし、これは合理的な、あるいは良いプログラミングアプローチですか? – ChrisBenyamin
@Chrisこれは、プログレッシブな機能強化のポイントです。完全機能を備えたブラウザでは、鐘や笛のような最高のバージョンが表示され、古いブラウザでは十分に美しいバージョンが表示されます。すべてのブラウザで同じように見えるようにすることはできませんし、すべての新しい機能を使用します。 – Skilldrick
@ChrisBenyamin @Skilldrickのように、「すべてのブラウザで同じに見えるようにすることはできず、すべての新機能を使用する」という。そして、忘れないでください。ほとんどのユーザーは、複数のブラウザでサイトを表示しないので、壊れていない限り、CSS3を好きなだけ使ってOKです。 –