概要と適用方法スタイルシートの概要スタイルシートとは、WEBページ上の見栄えを定義する技術をいいます。本来HTMLは文書の意味だけを定義する事が目的で文書の見栄えは定義するものではないと言う考え方から開発されたものがスタイルシートです。スタイルシートの適用方法スタイルシートをHTML文書に適用するには、以下の方法があります。content="text/css">をhead要素に記述しておきます。※HTMLドキュメントをHTML5で記述する場合は上記のmeta要素の指定は必要ありません。→詳細style属性スタイルを適用する要素にstyle属性の値として適用します。bold;">テキストAAAaaa</p>表示)テキストAAAaaaテキストAAAaaaテキストAAAaaaテキストを赤文字で表示させるスタイルシートの記述です。インライン内容(テキストや画像)に部分的に適用したい場合はspan要素で適用したい部分にstyle属性の値として記述します。red;を宣言と言い、colorをプロパティ、redを値と言います。プロパティと値は、コロン(:)で区切りスタイルを複数指定する場合はセミコロン(;)で区切ります。style要素<head>~</head>内に記述します。450px;"><p>テキストAAAaaa</p><p>テキストBBBbbb</p><p>テキストCCCccc</p></div></body></html>p要素に囲まれたテキスト色がすべて赤色、太字になります。red;を「宣言」colorを「プロパティ」redを「値」と言い、これらの構成をルールセットと言います。プロパティと値はコロン(:)で区切り、スタイルを複数指定する場合はセミコロン(;)で区切ります。}で囲み、中括弧で囲われた宣言を宣言ブロックと言います。-->でコメントアウトしておきます。※MIMEタイプは、インターネット上のファイル規格です。※HTMLドキュメントをHTML5で記述する場合は上記のmeta要素の指定は必要ありません。→詳細link要素スタイルシートの定義部を他のファイルから読み込む事ができ、複数の文書でスタイルシートを共有することができます。href="index_style.css">link要素のrel="stylesheet"はスタイルシート定義ファイル(.css)を参照する事を示し、type属性にスタイルシートファイルのMIMEタイプを記述しhref属性でスタイルシート定義ファイル(.css)ファイルへのリンク先を指定します。上記ソースはhead要素内の文字コードをセットしているmeta要素より下に記述します。値;}をエディタの1行目から記述し拡張子をcssで保存します。href="index_style.css">※HTMLドキュメントをHTML5で記述する場合はtype属性の指定は必要ありません。*/※当サイトで実際に使用しているスタイルシートの一部です。エディタ上での改行や、タブを入れて見やすくすることも可能です。値;で改行、}をセレクタの先頭の位置に配置する形式で記述します。例2)のように、HTMLドキュメントの構造を表すように、タブを2つ挿入しスタイルを記述することもあります。*/」のように、「/(スラッシュ)*(アスタリスク)(半角スペース)コメント(半角スペース)*(アスタリスク)/(スラッシュ)」の形式で記述します。「/*」と「*/」で囲った文字列がコメントとして扱われるって感じで、コメント箇所は複数行、日本語でのコメントもOKです。一行のコメントアウトをスタイルシートファイルに挿入する場合、「*/」の直前に全角の文字があるとコメントとして認識されないケースがあるようなので、コメントの文字列の前後に半角スペースを入れるようにしています。