CSSの基本

背景色を指定するのは、{ background-color: カラーコード; }と入れます。
#000000は黒に指定してますが、好きなカラーコードを入れてください。
セレクタ部分をbodyに指定してますから、body内に背景色が適用されるのです。



背景色を指定して、<p>〜</p>内の文字色と文字の大きさを指定するのは、
p { color: #ffffff;font-size: 15pt; }を追加すればいいです。
color: カラーコード;は文字色、font-size: 数字pt;は文字の大きさになります。


cssファイルを呼び込んでいるのと、呼び込んでいない違いは、
下のページを開いて、表示からソースを見ると、何となく分かるでしょう。

cssファイルを外部から呼び込んでいないページ

cssファイルを外部から呼び込んでいるページ

cssファイルを外部から呼び込んでいるページのソースを見ると、
</head>の上に下のソースが入ってますよね。
<link rel="stylesheet" href="tescss.css" type="text/css">
tescss.cssのファイルを外部から呼び込んでいるのです。

tescss.cssのファイルの中のソースは、

body { background-color: #000000; }
p { color: #ffffff;font-size: 15pt; }

と入ってるだけです。
cssファイルの作り方は、最初のページに載っています。


CSSの注意点

同じCSSを指定しても、互換モードと標準モードでは表示に違いがあるのを覚えておきましょう。

互換モードの表示例

標準モードの表示例


スポンサードリンク





玄関に戻るよ