
基本的なページ設定をCSSで書こう
この基本的な設定では、<body>タグで設定する内容をCSSで設定しようということだ。
なぜわざわざCSSに?なんて愚問はしないでいただきたい。全ページのbodyを書き換えるのと、CSSファイルの一箇所を書き換えるのとで、どっちが楽だと思うかい?
|
 |
では、各設定の説明をする。以下は body の設定としてよく使われるものである。
| 用途 |
プロパティ |
使用例 |
| 背景色 |
background-color |
background-color: #FFFFFF; |
| 文字色 |
color |
color: #000000; |
| 背景画像 |
background-image |
background-image: url("back.jpg"); |
| 背景画の並び |
background-repeat |
backgound-repeat: no-repeat; |
| 背景画を固定 |
background-attachment |
background-attachment: fixed; |
| フォント指定 |
font-family |
font-family: "Verdana", sans-serif; |
| フォントサイズ |
font-size |
font-size: 12px; |
ここで注意してほしいことは、<table>タグの中までは適用されないことだ。
<table>タグはまた別で定義する必要がでてくる。
レイアウトを<table>で行っている場合は、ページ全体を<table>でかこみ、body設定無しで<table>用にするといいだろう。
ちなみに、ページ全体レイアウト用<table>の設定は、<tbody>タグのプロパティーとして設定すると扱いやすいことを覚えておこう。
|