2.スタイルシートの基本

まず、スタイルシートに使いそうなタグの説明から。
スタイルシートの説明は頭に「[CSS]」とつけております。
ついていない場合は、HTMLのタグです


タグ説明
<span style="(スタイルシート記入)">〜</span>スタイルシートの前後で改行せずに適用させます
<div style="(スタイルシート記入)">〜</div>スタイルシートの前後で改行して適用します
[CSS]color:(色の名前)色の指定をします。HTMLと同じようにRGB形式でも、色の名前でもかまいません



では、さっそく今回のサンプルを紹介します。

<html>
<head>
<title>CSSサンプル1</title>
</head>
<body>
<span style="color:red">改行せずに赤色ー</span><br>
<div style="color:red">改行してに赤色ー</div>
「span」や「div」以外にも適用できます。<br>
<h1 style="color:red">H1タグにも赤色を適用♪</h1>
</body>
</html>

次にサンプル画像をのせます。
サンプル画像



というわけで、今回の「第2回スタイルシートの基本」を終わります。
次は「スタイルシートまとめて適用♪」の予定です

戻る 超簡単なスタイルシート講座


女の子お絵かき掲示板ナスカiPhone修理