(カスケーディング・スタイル・シート)の頭文字からCSSと呼ばれています。CSSと同じく、Web制作で必須となるHTMLという言語もありますが、HTMLは文章の構造を指定するのに対して、CSSはその文章のレイアウトや装飾のようなデザイン、つまり見た目を指定します。HTMLについては以下の記事をご覧ください。Webサイト制作の基本となるHTMLとは?CSSの歴史CSSは1994年に誕生しました。Level3(CSS3)が主流となっています。HTMLと同じようにそれぞれのレベルで記述する際のルールが異なる場合があります。CSS3ではアニメーションやグラデーション、グリッドレイアウトなどを扱うことが出来るようになっていて、今まではJavaScriptや画像を使わないとできなかったようなことがHTML5とCSS3で実現可能となりました。CSSの基本CSSの構造CSSを記述する際の基本構造は、「セレクタ」、「プロパティ」、「値」で構成されます。セレクタセレクタはスタイルを適用させる対象です。HTMLタグやHTMLタグに指定されているID属性、class属性などを指定します。プロパティプロパティはセレクタにどういった効果を与えるかを示します。文字の色を変えたければcolorプロパティ、文字の大きさを変えたければfont-sizeプロパティを使用します。値プロパティに指定する具体的な内容が値です。文字を赤くしたい、文字サイズを24pxにしたいという場合の「赤(=red)」、「24px」が値となります。セレクタでCSSを適用させる対象を指定し、プロパティ・値で具体的なデザインを指定します。プロパティと値は常に一対となっているます。CSS記述方法CSSの記述の形は一定なので、まずは基本の記述の型を覚えましょう。セレクタ、プロパティ、値の3つの要素を使った基本形は以下のようになります。値;}まず、セレクタを記述します。「{」と「}」の中でプロパティと値を記述します。プロパティに対して、「:」を挟んで値を指定します。最後に「;」を記述します。pタグで囲まれた文字色を赤くしたい場合は以下のように記述します。red;}上記のスタイルを適用させるとpタグで囲まれているテキストが赤色になります。CSSの読み込み方法CSSを書いただけで終わりではありません。作ったCSSをHTMLへ適用させることで、はじめてHTMLにCSSの効果が反映されます。CSSの読み込みは、CSSを記述した外部ファイル(.css)を使う方法、HTMLファイル内で直接記述する方法などがあります。詳しくは以下の記事にまとめてあります。基本的には外部ファイル(style.cssなどを用意する)を使用すると良いでしょう。外部ファイルを読み込む場合はHTMLのlinkタグを使用します。CSSプロパティの一例widthwidthは要素の横のサイズ、つまり“幅”を指定するプロパティです。300px;}heightheightは要素の縦のサイズ、つまり“高さ”を指定するプロパティです。300px;}font-sizefont-sizeは要素のテキストサイズを指定します。16px;}colorcolorは要素のテキストカラー(色)を指定します。black;}background-colorbackground-colorは要素の背景色を指定します。colorプロパティと間違えないように注意しましょう。