トップ > 基礎
基礎
CSSを使ってページをデザインする際はIDを使った領域を意識すると設計がしやすくなります。
IDはページの中で１度した使えません。
複数指定するデザイン領域はclassで指定します。
まずはIDで領域毎のスタイルを決めて、その配下のHTMLタグのスタイルを設定します。
例
#FT li{
display: inline;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCCCCC;
padding-right: 3px;
padding-left: 5px;
}
これはFT領域内で使われるHTMLタグliのスタイルを設定しています。
先頭に#FT とID領域名が付いているのでそのほかのIDでは影響されません。
このようにHTML内で使うクラスは最小限にして、領域名とHTMLタグに対し修飾をすると、サイトリニューアルやデザイン変更の際かなり楽になります。
- 02/27 サイトマップ
- 06/15 ソースやHTMLを表示そのまま表示する
- 06/15 TIPS
- 02/01 回り込みの詳細
- 02/01 改行しないで表示
- 02/01 背景に画像を使う
- 02/01 背景の画像を固定
- 02/01 背景色を指定
- 02/01 文字色
- 02/01 画像とテキストの並び方
