ホームページ  >  記事  >  ウェブフロントエンド  >  css3 にプレフィックスを付ける必要があるのはなぜですか?

css3 にプレフィックスを付ける必要があるのはなぜですか?

青灯夜游
青灯夜游オリジナル
2021-11-02 14:17:571988ブラウズ

CSS3 はまだ真の標準になっていないため、多くのブラウザでサポートのレベルが異なり、ブラウザのメーカーごとに同じスタイルをさまざまな方法でサポートしているため、各ブラウザに到達するにはプレフィックスを追加する必要があります。 。 css3 プレフィックスは、新しいプロパティが確実に認識され、特定のブラウザー レンダリング エンジンで有効になるようにするために使用されます。

css3 にプレフィックスを付ける必要があるのはなぜですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

CSS3 属性を使用したことのある学生は、CSS3 属性に各ブラウザーでプレフィックスを付ける必要があることを知っていますが、現在でもプレフィックスを付ける必要がある属性がまだたくさんあります。どうしてこれなの?

ブラウザのメーカーはこれまでにも CSS3 を実装してきましたが、まだ真の標準にはなっていません。

CSS3 の多くのプロパティはまだ決定されておらず、標準仕様もまだリリースされておらず、多くのブラウザのサポート レベルが異なり、各ブラウザ メーカーが同じスタイルでも異なる記述方法をサポートしているため、プレフィックスはブラウザ間で互換性を持たせるため、将来仕様が統一される際にはプレフィックスを記述する必要はなくなります。

css3 プレフィックスは、この属性が特定のブラウザー レンダリング エンジンで認識され、有効であることを確認するために使用されます。

#プレフィックスブラウザカーネル - ミリ秒-IE ブラウザTrident カーネル-moz-FirefoxGecko カーネル-o-OperaPresto カーネル-webkit- 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。