スタイルを指定する範囲
指定する範囲は、大きく分けて2つあります。1つは改行せずに他の文字と混ぜて使用する「インラインレベル」と呼ばれるもので<span>を使います。
もう1つはまとまった範囲を指定するもので、前後に改行が入る「ブロックレベル」と呼ばれ<p>を使います。
<span>の使用例
スタイルシート部分
.backred{color:#ffffff;background: #ff0000}
記事部分
<span class = "backred">赤色のテキスト</span>をインラインレベルで表示させます。
表示
赤色のテキストをインラインレベルで表示させます。
<p>の使用例
スタイルシート部分
.boxsilver {
border:1px solid #000;
background:#cccccc;
padding:5px;
}
記事部分
<p class = "boxsilver">これはブロックレベル要素で、前後が改行されます。
囲まれた部分がまとまって表示されます。</p>
表示
もう1つはまとまった範囲を指定するもので、前後に改行が入る「ブロックレベル」と呼ばれ<p>を使います。
<span>の使用例
スタイルシート部分
.backred{color:#ffffff;background: #ff0000}
記事部分
<span class = "backred">赤色のテキスト</span>をインラインレベルで表示させます。
表示
赤色のテキストをインラインレベルで表示させます。
<p>の使用例
スタイルシート部分
.boxsilver {
border:1px solid #000;
background:#cccccc;
padding:5px;
}
記事部分
<p class = "boxsilver">これはブロックレベル要素で、前後が改行されます。
囲まれた部分がまとまって表示されます。</p>
表示
これはブロックレベル要素で、前後が改行されます。
囲まれた部分がまとまって表示されます。
次のキーワードを検索:[スタイルシート]
前後の記事
最近の記事
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)
