転載元:マイクロリーディング https://www.weidianyuedu.com
この記事ではCSSテキストのフォントの色設定方法(CSSカラー)を中心に紹介しますので、困っている方は参考にしてください。
1.CSSの色を理解する(CSSカラー)
ここで紹介したいのは、Web ページの色の設定にはどのようなものがあるのか、つまり Web ページの色の規定と標準についてです。
1. 一般的に使用される色には、フォントの色、ハイパーリンクの色、Web ページの背景色、境界線の色が含まれます。
2. 色の仕様と色の規制: Web ページは RGB モードの色を使用します
2.色の基礎知識
Web ページでの色の使用は、Web ページの重要な要素です。色を使用する目的は、特徴的で動的 (特にハイパーリンクで使用される) で美しいことですが、同時に、色はさまざまな Web ページのスタイル表現要素の 1 つでもあります。CSS フォントの色について学びます。
従来の HTML カラーと、w3c 標準に基づく CSS カラーと DIV CSS アプリケーションのカラーの比較
CSS カラーの構文:
色:#000000;
CSS スタイルの color の直後に RGB カラー値 (#FFFFFF、#000000、#F00) を追加します。
RGB カラー値は実際のレイアウト中に決定され、Photoshop (略して PS) 選択ツールを使用して取得できます。
3. オブジェクトのカラースタイルを設定する 2 つの方法
1. DIVタグでカラーカラースタイルを使用します。
<div style="color:#F00">www.jb51.net</div>
2. CSS セレクターでカラー カラー スタイル CSS コードを使用します。
.divcss5{カラー:#00F}
/*オブジェクト divcss5 のテキストを青に設定します*/
詳細: ここでは、CSS コメントを使用してこのスタイル設定を説明します。CSS コメントについて学習します。
3. DIV+CSS カラー スタイルの完全なケース:
CSSコード:
コードをコピーする
コードは以下のように表示されます。
.divcss5{カラー:#00F}
/*オブジェクト divcss5 のテキストを青に設定します*/
HTMLコード:
コードをコピーする
コードは以下のように表示されます。
<p>
タグ内でカラー CSS スタイルを使用する
<div style="color:#F00">www.jb51.net レッド</div>
</p>
<p>外部スタイルシートはオブジェクトの色を設定します
<div class="divcss5">www.jb51.net ブルー</div>
</p>
4. インスタンス構造図:
上記では、タグ内の color color スタイルと CSS コード内の color color スタイルを使用しています。
4. 文字色のコントロールは同じです
従来の HTML と CSS テキストが同じ色の場合は、「color:」+「RGB カラー値」を使用し、色が黒のテキストの場合は、対応する CSS 属性セレクターに「color:#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 では、「border-color:#000;」を設定して境界線の色を黒にします。必ず幅と幅を設定してください。スタイル (破線、実装)。
DIV+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. div css color color styleのまとめ
CSS スタイルを使用してオブジェクト コンテンツのカラー スタイルを設定すると、名前付き CSS クラス オブジェクトを使用してカラー スタイルを設定したり、HTML タグ内でカラー スタイルを直接設定したりできます。