ホームページ > 記事 > ウェブフロントエンド > css3 にプレフィックスを付ける必要があるのはなぜですか?
CSS3 はまだ真の標準になっていないため、多くのブラウザでサポートのレベルが異なり、ブラウザのメーカーごとに同じスタイルをさまざまな方法でサポートしているため、各ブラウザに到達するにはプレフィックスを追加する必要があります。 。 css3 プレフィックスは、新しいプロパティが確実に認識され、特定のブラウザー レンダリング エンジンで有効になるようにするために使用されます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
CSS3 属性を使用したことのある学生は、CSS3 属性に各ブラウザーでプレフィックスを付ける必要があることを知っていますが、現在でもプレフィックスを付ける必要がある属性がまだたくさんあります。どうしてこれなの?
ブラウザのメーカーはこれまでにも CSS3 を実装してきましたが、まだ真の標準にはなっていません。
CSS3 の多くのプロパティはまだ決定されておらず、標準仕様もまだリリースされておらず、多くのブラウザのサポート レベルが異なり、各ブラウザ メーカーが同じスタイルでも異なる記述方法をサポートしているため、プレフィックスはブラウザ間で互換性を持たせるため、将来仕様が統一される際にはプレフィックスを記述する必要はなくなります。
css3 プレフィックスは、この属性が特定のブラウザー レンダリング エンジンで認識され、有効であることを確認するために使用されます。
ブラウザ | カーネル | |
---|---|---|
IE ブラウザ | Trident カーネル | |
Firefox | Gecko カーネル | |
Opera | Presto カーネル | |
Chrome とSafari | Webkit kernel |
.box { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }これらは、古いバージョンの記述との互換性のためです。ブラウザは新しい属性をサポートしていません。その結果、ユーザー エクスペリエンスが低下します。ブラウザの新しいバージョンでは、border-radius の直接書き込みがサポートされています。 プレフィックスを使用すると、ブラウザの下位バージョンとよく一致し、スタイルを正常に表示できます。 (学習ビデオ共有:
css ビデオ チュートリアル)
以上がcss3 にプレフィックスを付ける必要があるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。