CSSの色を記述する3つの方法は何ですか?

色の書き込み方法は次のとおりです: 1. 色の名前を使用します (構文 "color: カラー名"); 2. パーセンテージを使用します (構文 "color:rgb (パーセント, パーセント, パーセント)"; 3.数値、構文「 color:rgb(value,value,value) 」を使用します。

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

CSSでは色の値には色の名前、パーセント、数値、16進数値が使用でき、4つの書き方があります。

1) 色の名前を使用する

現在、名前の付いた色は 184 色ほどありますが、実際にはさまざまなブラウザでサポートされており、CSS 仕様として推奨されている色名は 16 種類のみです。

## 一部の色名がブラウザで解析されなかったり、ブラウザによって色の違いが解釈されたりすることを避けるため、Web ページで色名を使用すること、特に大規模な使用はお勧めしません。 。

2) パーセンテージを使用する

これは最も一般的に使用される方法です。例:

color: rgb(100%, 100%, 100%);

このステートメントは、赤、青、緑の 3 原色をそれぞれの色に設定します。最大値 、結果の組み合わせは白で表示されます。代わりに、rgb(0%, 0%, 0%) を黒に設定できます。 3 つのパーセンテージ値が等しい場合、グレーが表示され、同様にパーセンテージ値が大きい方の原色が優先されます。

3) 数値を使用します。

数値の範囲は 0 ～ 255 です。例:

color: rgb(255, 255, 255);

上記のステートメントは白で表示されます。 rgb(0, 0, 0)に設定すると黒が表示されます。 3つの値が等しい場合はグレー表示となり、同様に値が大きいほどどの原色の割合が多くなるかということになります。

拡張情報:

4) 16 進数の色

これは、最も一般的に使用される色選択方法です。例:

color: #ffffff;

16 進数の前に # 色記号を追加します。上記のステートメントでは白が表示されますが、逆に、RGB で記述される #000000 を黒に設定することもできます:

color: #RRGGBB;

from 0~255, 実際、10 進数の 255 は 16 進数の FF とまったく同じです。 16 進数 基本カラー値は、このような 16 進値の 3 つのグループに等しく、順番に接続すると、赤、青、緑の 3 原色に等しくなります。

推奨学習:

css ビデオ チュートリアル

以上がCSSの色を記述する3つの方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。