CSS3 スタイルのプレフィックスとは何ですか?-フロントエンドQ&A-php.cn

css3 スタイルのプレフィックスは次のとおりです: 1. 「-moz-」、Firefox ブラウザのプライベートプロパティを表します。 2. 「-ms-」、IE ブラウザのプライベートプロパティを表します。 3. " -webkit-"、Safari および chrome のプライベートプロパティを表します。 4. "-o-" は Opera のプライベートプロパティを表します。

CSS3 スタイルのプレフィックスとは何ですか?

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

CSS3 スタイルのプレフィックスの問題

初心者として、CSS を記述するときにどの属性にプレフィックスを付ける必要があるのかが分からないことがあります。どのプレフィックスを使用すればよいでしょうか? ここでは、私が普段学習していることをいくつかまとめます。

これらの接頭辞を理解する前に、まず主要な主流ブラウザのコアを紹介しましょう:

IE——trident (多くの国内デュアルコアブラウザのコアの 1 つは、 trident)
Opera——Blink (presto は廃止されました)
chrome——Blink (以前の Webkit)
Firefox—Gecko
#Safari—webkit (Android フォンで最も頻繁に使用される Webkit カーネル)

およびそれぞれカーネルには独自のプレフィックスがあります:

## Gecko カーネル: プレフィックスは -moz-
Presto カーネル: プレフィックスは -o-
# Webkit カーネル: プレフィックスは -webkit-
つまり:

-moz- は Firefox ブラウザのプライベートプロパティを表します

-ms- はプライベートプロパティを表しますIE ブラウザのプロパティ
-webkit- safari および chrome のプライベートプロパティを表します
-o- は Opera のプライベートプロパティを表します
例: 書き込み丸みを帯びた境界半径は次のように記述する必要があります:
```
.box { -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
```
ログイン後にコピー

では、なぜプライベートプレフィックスが必要なのでしょうか。

HTML と CSS の標準を策定する組織である W3C は非常に遅いからです。通常、w3c 組織のメンバーが、rounded border-radius などの新しい属性を提案し、誰もがそれが良いと考えるのですが、w3c はこの属性の標準を設定せず、非常に複雑なプロセスを経て、たくさんのレビュー。ブラウザベンダーは、それほど長く待つつもりはなく、属性が十分に成熟していると判断すれば、ブラウザにサポートを追加します。ただし、将来 w3c が標準を発表する際の変更を避けるために、-webkit-border-radius などのプライベートプレフィックスが追加され、新しい属性が事前にサポートされます。将来の標準、border-radius の標準的な記述方法が確立された後、新しいブラウザは border-radius の記述方法をサポートすることになります。

(学習ビデオ共有:

css ビデオチュートリアル

、

Web フロントエンド

)

以上がCSS3 スタイルのプレフィックスとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。