CSSとは
HTMLに装飾を加えるための言語です。
例
indexファイル
< html>
< head>
< meta charset="UTF-8">
< title>HTML学習用ウェブサイト< /title>
< link rel="stylesheet" href="style3-3.css">
< /head>
< body>
< h1>
これは見出しです
< /h1>
< p>
1つ目の段落です
< /p>
< p class="second-message">
2つ目の段落です
< /p>
< p>
3つ目の段落です。< b>この部分は太字になります。< /b>
< /p>
< a href="https://www.google.com/">クリックすると、Googleへ移動します。
< /body>
< /html>
cssファイル
p {
font-size: 24px;
color: red;
}
.second-message {
color: orange;
font-size: 12px;
}
- p{}は< p>〜< /p>の部分をp{}のようにすること
- .second-messageはclass = "second-message"となっているところを.second-message{}のようにすること