スマートフォン用の表示で見る

CSS

ウェブ

CSS

しーえすえす

HTMLXMLなどのマークアップ言語の表示(見栄えなど)を指示する、W3Cの勧告する仕様(群)。Cascading Style Sheets(カスケーディング・スタイル・シート)の頭文字。

論理構造を記述することを本来の目的とするHTMLに、見た目を指示するスタイルシートを用いることにより、文章の構造と表示を分離できる。

スタイル設定の方法The Web KANZAKI -- Japan, music and computer)なども参考に。

CSSのバージョンは複数存在し、現在、CSS1、CSS2、CSS2.1が勧告されている。またCSS3が作成中である。

利点

妥当なHTML文章に基づいたCSSを記述することにより、サイトのメンテナンス性が向上する。

具体的には、複数のHTML文書からCSSファイルに関連付けることで、デザイン変更の際、CSSファイルに手を加えるだけで(そのCSSファイルを参照するすべての)HTML文書のスタイル変更に対応できる。

スタイルシートを利用しない場合、デザイン変更の際すべてのHTML文書の書き換えを要することもある。

はてなダイアリーではデザインをある程度自由にカスタマイズすることができる。はてなダイアリーのデザインを変更する場合には、はてなダイアリーガイド「CSSセレクタ - 日記1日分」を参照することで、どのようなセレクタがあるか分かる。

記述例

body {
 background-color: white; /* 背景の色 */
 background-image: url("xxx.png"); /* 背景画像 */
 font-size: medium; /* 文字サイズ */
}