ライブドアブログをはじめ、他のブログサービスでのスタイルシート(CSS)の設定は、スタイルシート(CSS)ファイルをHTMLファイルにリンクさせ、いわゆる外部ファイルをリンクさせて行っています。
この方法のことを「リンキングスタイルシート」とか、スタイルシート(CSS)の「外部リンク方式」などと呼びます。
スタイルシート(CSS)の設定方法には、この他に「インラインスタイルシート」や「ドキュメントスタイルシート」という設定の方法もあります。
しかし、特にブログでスタイルシート(CSS)を設定する場合は、「インラインスタイルシート」や「ドキュメントスタイルシート」は、あまり使用することはないと思いますので、ここでは詳しく取り上げません。
ライブドアブログのファイルは、スタイルシート(CSS)の他、トップページ、個別記事ページ、カテゴリーアーカイブ、月別アーカイブというHTMLファイルが4つあり、合計5つのファイルがあります。
スタイルシート(CSS)ファイルで設定した、ブログの見栄え部分、例えば、文字(テキスト)の大きさや色、ブログの細かいレイアウトや背景色などは、それぞれのHTMLファイルからスタイルシート(CSS)ファイルにリンクさせて表現させています。
ライブドアブログのスタイルシート(CSS)ファイルをHTMLファイルからリンクさせるための記述は、トップページ、個別記事ページ、カテゴリーアーカイブ、月別アーカイブというHTMLファイルそれぞれに、下記のように記述されています。
<link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
<$CSSUrl$>は、ライブドアブログの独自タグで、スタイルシート(CSS)ファイルのURLを表したものです。
この方法の利点は、ブログの見栄え部分はすべてスタイルシート(CSS)ファイルで行っているので、見栄え部分を変更したいとき、スタイルシート(CSS)ファイルの記述を変更すれば、すべてのHTMLファイルに適用できることです。
ライブドアブログでは、トップページ、個別記事ページ、カテゴリーアーカイブ、月別アーカイブという4つのHTMLファイルすべてが一括で適用されます。
しかし、一度設定したスタイルシート(CSS)のタグは、設定したセレクタすべてに適用されてしまいます。
これでは、自由なはずのスタイルシート(CSS)で、表現が限定されてしまうという不都合が生じることがあります。
そこで便利なのは、任意の範囲にスタイルシート(CSS)を設定する方法です。
次回は、この「任意の範囲にスタイルシート(CSS)を設定する方法」について記事を書いてみたいと思います。
ライブドアブログのカスタマイズ - livedoor Blog 共通テーマ

