スタート!CSS入門

文字色

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
文字色を変えるには、colorプロパティを使います。ここでは、通常の文字色に加えて、リンクの文字色を変える方法も合わせて紹介します。
講師:
02:45

字幕

文字色を変えるにはcolor プロパティを使います。このレッスンでは color プロパティの使い方に加えてlink の文字色を変える方法も合わせて紹介します。color プロパティに使える値は色です。色は RGB 値またはキーワードで指定します。そのほかの仕様は御覧の表の通りです。では実際に CSS を書いてみましょう。編集画面とウェブブラウザを開きます。ここでは HTML の冒頭にあるh1 要素とauthor クラスが設定されている p 要素に対して文字色を赤にするよう CSS を書いてみます。h1 要素とauthor クラスに対してcolor プロパティを使って文字色を赤に設定します。ウェブブラウザを見ると h1 要素とauthor クラスの文字色が赤になっていることがわかります。しかしセロアンという文字の部分HTML でいうと a 要素を使ってlink を張られている部分この部分については文字色は変わっていませんねこれはウェブブラウザの user agentstylesheet によるものです。user agent stylesheet とはウェブブラウザ自身がデフォルトで適用している内部的な stylesheet のことです。 主要な PC 向けウェブブラウザではlink を張られてる文字が通常の文字と区別しやすいようにデフォルトで文字色を変え下線を追加するようになっています。そのため link の文字色も変えたい場合はa 要素に対して color プロパティを設定します。やってみましょう。a 要素に対してcolor プロパティここでは文字色を深緑に設定します。インク部分の文字色も変更することができました。なお、未訪問や訪問済みなどlink の状態によって文字色を変えるには疑似色を使います。このレッスンでは文字色を変える colorプロパティの使い方について学びました。

スタート!CSS入門

CSSはWebページに視覚的な表現、つまりスタイルを与えるための言語です。HTMLと組み合わせることで、より自由なデザインをウェブ上で実現できます。このコースでは初めてCSSに触れる方でも体系的な理解が得られるように、Web標準としての仕様の成り立ちからさまざまな文法、ボックスモデルなどの基本概念まで幅広い内容を解説します。

5時間21分 (71 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2014年11月25日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。