CSSを試す
とりあえず、やってみましょう！
あ〜だこ〜だ言うよりCSSとはこういうものという
物を目で見たほうが早いですよね。
<html>
<HEAD>
<title></title>
<STYLE TYPE="text/css">
div {color:#ff0000;font-size:10pt;}
h1 {color:#4c00ff;font-size:15pt;}
</STYLE>
</HEAD>
<BODY>
<h1>タイトルは青紫で15pt</h1>
<div>文章は赤で10pt</div>
</BODY>
</html>
とまあ、こんな感じにメモ帳などに
書き込んでいただき.htmlで保存して開くと
CSSの効果を得たホームページが表示されます
こうやって様々な効果を与えられることができ、
いちいち<font color="#">などをしなくてもいいんです。
なので、サイトのサイズが減る
ダイエット効果もあるんです♪
スタイルシートの基本は
セレクタ { 属性 : 値 ;}
になってます。
これはセレクタの属性を値にする
という意味になってます。
セレクタとはスタイルの設定対象の事です。
↑のはdivタグとh1タグに影響を与える
という風になっていますよね？
属性とは影響ですね。
色やサイズのことです。
値とはどの色さか、
どれくらいの大きさかなどを指定します。
↑のdiv {color:#ff0000;font-size:10pt;}
これは
「divタグの範囲の文字を赤くし
文字のサイズを10ptにする」
という効果を与えることができます。
この場合、「div」がセレクタ、
「color」と「size」が属性
「#ff0000」と「10pt」が値になってます。
どうでしょうか？
これがCSSです！
戻る
Copyright 魁!ホームページメイク. All Rights Reserved