ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで文字のフォントの色を設定する方法

CSSで文字のフォントの色を設定する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2017-12-01 15:10:135215ブラウズ

ここで紹介したいのは、Webページの色の設定に含まれるもの、Webページの色のルールと規定です。

1. 一般的に使用される色には、フォントの色、ハイパーリンクの色、Web ページの背景色、境界線の色が含まれます

2. 色の仕様と色の規制: Web ページでは RGB モードの色が使用されます

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

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

CSS カラー カラー構文:

color:#000000;

CSS スタイルの color の直後に RGB カラー値を追加します (#FFFFFF, # 000000, #F00)

RGB カラー値は実際のレイアウト中に決定され、Photoshop (略して PS) 選択ツールを使用して取得できます。

DIV タグ内でカラー カラー スタイルを使用する

div

CSS セレクター内でカラー カラー スタイルを使用する CSS コード:

.div{color :#00F }

/* オブジェクト div のテキストを青に設定します*/

DIV+CSS カラー スタイル 完全な例:

Css コード:

.div{color:#00F} /* オブジェクトにテキストを設定しますdiv ブルーの場合*/

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

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

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

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

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

枠線の色の違いを設定します

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

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

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

1. #rrggbb (例: #00cc00) (色の値を表すためにこれを使用することを強くお勧めします)

2. #RGB (例: #0c0)

3 、 RGB(十中,x,x) x は 0 から 255 までの包括的な整数 (RGB(0,204,0) など)

4, RGB(Ÿ%, Ÿ%, Ÿ%)、ここで y は包括的な量です0.0 から 100.0 の間 (RGB (0%、80%、0%) など)

CSS スタイルを使用してオブジェクト コンテンツの色を設定するには、名前付き CSS クラス オブジェクト スタイルを使用してその色を設定することも、色のスタイルを直接設定することもできますhtmlタグ内。上記では、テキストコンテンツの色を設定するこれら 2 つの方法についても詳しく紹介し、実践しました。


これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

CSS3 でのTransform gradient属性の使用方法

CSS3でHTML5フォームを最適化する手順

CSS3のtranslate属性の詳細な紹介

以上がCSSで文字のフォントの色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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