前回の復習前回の復習前回の内容前回の内容前回は、CSS (Cascading Style Sheet)を使った、 Webページの表現を実習しました。 次のような設定を紹介し、Webページに設定しました。
おさらい: HTML文書の構造次に、CSSのいくつかの具体的な設定も紹介しました。おさらい: CSSとは情報の「かたち」と「視覚」のデザインHTML (Hyper Text Markup Language) とは、 「見出し」や「段落」といった文書の構成要素を、 タグを使って文書に指定する、 「情報のかたち」を表現するための、道具でした。 しかし、HTMLは、もともと構造を表現するものであり、 表現(視覚的なデザイン)には機能的な限界があります。 そこで、「情報のかたち=構成要素」を 具体的にどう表現するかを指定するために、 「スタイルシート」という技術があります。 スタイルシートを使えば、次のようなメリットがあります。
CSSHTMLで、 スタイルシート(情報のかたちの表現)をする方法として、 CSS (Cascading Style Sheet) があります。 CSSでは、スタイルを指定する対象(構成要素など)を選び、 スタイルの種類や値を設定します。 次のように、記述します。#spanend
#spanadd
セレクタ {プロパティ:値}
#spanend
#spanadd
「セレクタ」とは、
スタイルを指定する要素を指定する部分です。
「{...}」のカッコ内で指定したスタイルが適用されます。
「プロパティ」とは、
適用するスタイルの種類です。
色やフォントなどの種類を指定します。
「:」(コロン)で区切って、設定する「値」を指定します。
たとえば、次はh1要素に「文字を赤くする」というスタイルを指定するものです。
#spanend
#spanadd
h1 {color: #ff0000}
#spanend
#spanadd
次へ進んで、 今回の内容を見てください。 }} |