CSSテキストのフォントカラーを設定する方法-CSSチュートリアル-php.cn

CSSテキストのフォントカラーを設定する方法

不言

リリース： 2018-06-11 15:57:09

オリジナル

2815 人が閲覧しました

この記事では主にCSSテキストのフォントの色（CSSカラー）の設定方法を紹介しますので、必要な方は参考にしてください

1.CSSの色（CSSカラー）を理解する

ここで紹介したいのは以下の内容です。 Web ページの色の設定における ;Web ページの色の規制と標準。

1. 一般的に使用される色には、フォントの色、ハイパーリンクの色、Web ページの背景の色、境界線の色が含まれます
2. 色の仕様と色の規制: Web ページでは RGB モードの色が使用されます

2. 色の基本知識

Web ページの使用は Web ページの重要な要素です。色を使用する目的は、特徴的で動的 (特にハイパーリンクで使用される) であり、美しいことです。同時に、色はさまざまな Web ページのスタイル表現要素の 1 つでもあります。CSS フォントの色について学びます。

w3c 標準および p CSS アプリケーションの色の従来の HTML カラーと CSS カラーの比較

CSS カラーカラー構文:

color:#000000;

ログイン後にコピー

CSS スタイルの color の直後に RGB カラー値 (#FFFFFF、#000000、#F00) を追加します
RGB カラー値は実際のレイアウト中に決定され、Photoshop (略して PS) 選択ツールを使用して取得できます。

オブジェクトのカラースタイルを設定する 3 つ、2 つの方法

1. p タグでカラーカラースタイルを使用します

www.jb51.net

2. CSS セレクターでカラーカラースタイルの CSS コードを使用します:

.pcss5{color:#00F}
/* 设置对象pcss5内文字为蓝色 */

ログイン後にコピー

参考資料: CSS コメントを使用してこのスタイルを設定する手順は次のとおりです。CSS コメントを理解してください

3 p+CSS カラースタイルの完全なケース:

CSSコード：

.pcss5{color:#00F}
/* 设置对象pcss5内文字为蓝色 */

ログイン後にコピー

HTMLコード：

<p> 
标签内使用color css样式
<p style="color:#F00">www.jb51.net 红色</p> 
</p> 
<p>外部样式表设置对象color颜色

<p class="pcss5">www.jb51.net 蓝色</p> 
</p>

ログイン後にコピー

4. 構造図の例：

上記では、タグ内のカラーカラースタイルとCSSコード内のカラーカラースタイルを使用しています。

4. テキストカラーコントロールは同じです

従来のHTMLとCSSのテキストカラーが同じ場合は、「color:」+「RGBカラー値」を使用します色が黒テキストの場合は、「color」を追加します。 " 対応する CSS 属性セレクターに :#000;" 以上です。

5. Web ページの背景色の設定の違い

従来は「bgcolor=color value」を使用して背景色を設定していましたが、CSS では「background:」+ color value が使用されました。たとえば、背景を黒に設定します。これは、従来の Html 設定です。つまり、タグに「bgcolor="#000"」を追加すると、背景色が黒になります。W3C の場合は、常に「background:#000」になります。対応する CSS セレクターで「」を実行します。

6. 境界線の色の違いを設定します

従来の「bordercolor=value」、「border-color:」+色の値をCSSで設定します。例: 従来の HTML では、「bordercolor="#000"」を table タグに直接追加するだけです。現在の CSS では、境界線の色を黒に設定することを忘れないでください。スタイル (破線、実装)。

p+CSS カラー値の拡張知識:
カラー値は、キーワードまたは数値の RGB 仕様です。

16 のキーワードは Windows VGA パレットから取得されています: アクア、ブラック、ブルー、フクシア、グレー、グリーン、グレー、マルーン、ネイビー、オリーブ、パープル、レッド、シルバー、シアン、ホワイト、イエロー。

7. RGB カラーは 4 つのメソッドのいずれかを指定します

1. #rrggbb (例: #00cc00) (色の値を表すためにこれを使用することを強くお勧めします)
2. # の RGB (例: #0c0)
3. RGB(十,x,x) x は 0 から 255 までの包含的な整数 (RGB(0,204,0) など)
4.RGB(Y%, Y%, Y%) 、ここで y は包含的な整数です0.0 から 100.0 までの量 (RGB (0%、80%、0%) など)

8. 以下は RGB カラーテーブルです

もちろん、一般的な Web 開発ソフトウェアにはカラー値ピッカーがあります:

Web開発ソフトウェアDWソフトウェアのCSSカラーピッカー
CSSカラー値を取得するにはどうすればよいですか?
色の値を思い出せないのですが、アートワークとまったく同じ色の値を決定するにはどうすればよいですか?実際、これは非常に簡単です。通常、PS ソフトウェアの色認識ツールを使用して正確な色値を取得します。もちろん、他の特殊な色認識ツールを使用して正確な色値を取得することもできます。
9. CSS カラーカラースタイルの概要
CSS スタイルを使用して、オブジェクトコンテンツのカラースタイルを設定します。また、名前付き CSS クラスオブジェクトを使用して、そのカラースタイルを設定することも、HTML タグ内で直接カラースタイルを設定することもできます。上記では、テキストコンテンツの色を設定するこれら 2 つの方法についても詳しく紹介し、実践しました。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。