ホームページ作成、運営、アクセスアップ、トータルなノウハウを提供!
ホームページ作成のノウハウ@ウェブマイスター


ホームページ作成支援のウェブマイスター
ホームページ作成入門トップへ戻る

基本的なページ設定を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>タグのプロパティーとして設定すると扱いやすいことを覚えておこう。

 

HOME戻る
since 03/11/15 . open since 03/10/05.
(C) 2003-2005 ウェブマイスター
Click Here!
安さと可愛さで女性に人気爆発中だよ。
機能が充実なので男性にも勧め!当サイト管理人のNoriもKiraraも使用中(姉妹サイト&他サイト)!このサービスで他を借りたら千円はかかるのに、たった250円とは驚き。サポート充実で初心者は迷う余地無し!