LeoAndo / html-training

training for HTML
0 stars 0 forks source link

CSS3の概要 #38

Open LeoAndo opened 5 months ago

LeoAndo commented 5 months ago

下位互換性を持っており、CSS 2.1の機能はそのままCSS3でも利用することができます。 CSS 2.1では画像やJavaScriptなどを利用して表現するしかなかったデザインをスタイルシートの設定のみで表現できるようになっている。

LeoAndo commented 5 months ago

プログレッシブエンハンスメント / グレースフルでグラデーション (Progressive Enhancement / Graceful Degradation)

例えば、CSS3の一部機能が未対応のブラウザでデザインが変わってしまっても「Webページの閲覧に問題なければ、デザインが全てのブラウザで同じである必要はない」という考え方。

その考え方に基づき、CSS3を導入しても下位互換対策を行わないサイトも増えている。

refs: https://developer.mozilla.org/ja/docs/Glossary/Progressive_Enhancement

LeoAndo commented 5 months ago

CSS3のベンダープレフィックス

CSS3では、策定中の機能をブラウザが実験的に先行実装したものについてはベンダープレフィックスをつけて記述する決まりとなっている。

https://zenn.dev/ymmt1089/articles/20220710_vendor_prefix

スクリーンショット 2024-06-13 6 45 25