スタイルシート−CSS

スタイリッシュなホームページデザイン『CSS・スタイルシート編』

CSS CASCADING STYLE SHEET カスケーディングスタイルシート

CSSスタイルシートとは

　CSSとは『CASCADING STYLE SHEET』(カスケーディング・スタイル・シート)の略です。

　スタイルシートとは、書式設定の事で、XML用のXSLなどいくつかありますが、HTMLで利用するスタイルシートはCSSと呼ばれ(CSS 2.0以降はXMLでもCSSの利用ができるよう策定中)です。

　CSSは、HTML標準化団体で知られるW3Cが標準化しているHTMLで記述されたホームページの装飾、デザインに特化した書式設定仕様です。

　CSSはCSSのコンセプトによって書式設定を行っています。

CSSスタイルシートによる書式設定

CSSの書式設定には以下の方法がありますが、CSS現行バージョン含む以降はC)外部ファイルが推奨されています。

　これら３つのCSS設定は重複して設定することもできますが、適用される優先順位はA）B）C）の順です。

　つまり、インライン設定されたものがある場合は、他の２つが設定されていてもインライン設定が有効になります。

　この中でhtmlファイルがすっきりしてサイト全体の追加変更などの編集も簡単で一番便利なのはどれだと思います？

　そう！外部ファイルです。

　それでは早速はじめましょう。

◆CSSインライン設定

CSS設定をHTMLタグに埋め込みたい！『CSSインライン設定編』

◆CSSファイル内部での設定

CSS設定を１つのファイル内でまとめたい！『CSS内部ファイル編』

◆CSS外部ファイルでの設定

CSS設定をサイト全体や複数ファイルで共有したい！『CSS外部ファイル編』

• CSS
• CSSのコンセプト
• CSSバージョン
• 【CSS共通定義】文法と記述方法
• CSS 1.0
• CSS 2.0
• CSS 2.1
• CSS 3.0

• CSSインライン設定
• CSS内部ファイル設定
• CSS外部ファイル設定

• CSS−アップダウンhover
• CSS−ページ設定
• CSS−ページ背景色
• CSS−ページ背景画像設定
• CSS−リンク下線・アンダーライン

• レベル別メニュー
• 一覧メニュー
• ホームページ作成レベル別メニュー
• ウェブ開発レベル別メニュー