スタイルシートの書式
基本的な書式
セレクタ { プロパティ:値 }
セレクタ:スタイルを適用する対象
プロパティ:スタイルの種類を指定する
値:設定するスタイルの種類で、どのようにするかを指定します
サンプル
見出し部分(h1)の背景色を黒(#000)にし、文字色を白(#FFF)にしてみましょう。見出し部分のh1は、よくブログタイトル部分に設定されています。
ソース
スタイルシートでの設定と、HTMLでの適用のソースです。
スタイルシート
セレクタ { プロパティ:値 }
セレクタ:スタイルを適用する対象
プロパティ:スタイルの種類を指定する
値:設定するスタイルの種類で、どのようにするかを指定します
サンプル
見出し部分(h1)の背景色を黒(#000)にし、文字色を白(#FFF)にしてみましょう。見出し部分のh1は、よくブログタイトル部分に設定されています。
h1 {background:#000; color:#FFF }
これはつまり見出しに { 背景色:黒と; 文字色:白を指定する }
という事です。1つのセレクタに複数のプロパティを設定する場合、セミコロン”;”で区切って指定します。実際には以下のように表示されます。見出し
ソース
スタイルシートでの設定と、HTMLでの適用のソースです。
スタイルシート
h1 {background:#000; color:#FFF }
HTML<h1>見出し</h1>
前後の記事
最近の記事
▼PIYO APIコンテストで準グランプリに選ばれた
▼FC2用語辞典、FC2スパイダーを更新
▼文字サイズチェッカ
▼APIコンテスト応募予定?作品完成
▼FC2ミニブログPIYO APIの解説とサンプル
▼PIYO APIコンテスト延期
▼FC2BLOG INDEXES:データ更新 2007年12月
▼ソースコードを飾る::syntaxhighlighter FC2ブログでの導入メモ
▼FC2BLOGINDEXESログ消失、でもたすかった
▼FC2PIYO APIコンテスト開催!
▼FC2用語辞典、FC2スパイダーを更新
▼文字サイズチェッカ
▼APIコンテスト応募予定?作品完成
▼FC2ミニブログPIYO APIの解説とサンプル
▼PIYO APIコンテスト延期
▼FC2BLOG INDEXES:データ更新 2007年12月
▼ソースコードを飾る::syntaxhighlighter FC2ブログでの導入メモ
▼FC2BLOGINDEXESログ消失、でもたすかった
▼FC2PIYO APIコンテスト開催!
トラックバック
この記事へのトラックバックURL:
http://fc2blogshop.blog13.fc2.com/tb.php/213-50e9cae3
コメント
Search
FC2blogビギナーズガイド
コラム
作成したツール
月別アーカイブ
- 2008年 03月(1)
- 2008年 02月(1)
- 2008年 01月(3)
- 2007年 12月(2)
- 2007年 11月(5)
- 2007年 10月(7)
- 2007年 09月(7)
- 2007年 08月(6)
- 2007年 06月(1)
- 2007年 05月(1)
- 2007年 04月(12)
- 2007年 03月(2)
- 2006年 12月(2)
- 2006年 11月(12)
- 2006年 10月(6)
- 2006年 09月(1)
- 2006年 08月(3)
- 2006年 07月(3)
- 2006年 06月(4)
- 2006年 05月(16)
- 2006年 04月(13)
- 2006年 03月(16)
- 2006年 02月(12)
- 2006年 01月(8)
- 2005年 12月(13)
- 2005年 11月(24)
- 2005年 10月(19)
- 2005年 09月(27)
- 2005年 08月(38)
- 2005年 07月(51)
- 2005年 06月(40)
- 2005年 05月(111)
- 2005年 04月(153)
- 2005年 03月(57)
- 2005年 02月(79)

