プログラミング入門30日 の Day 9
🎯 今日のゴール CSSの3つの書き方を知り、style タグでページに色を付けられる。
CSSはページの「見た目」を決める言語です。書き方は3つあります。①タグに直接書く(インライン)、②head内の <style> タグに書く、③外部CSSファイルに書く。この教材では②を使い、仕組みに慣れたら③に進むのがおすすめです。
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>この段落は青色になります。</p>
</body>「セレクタ { プロパティ: 値; }」がCSSの基本形です。この例は「すべての p 要素の文字色(color)を青(blue)にする」という意味になります。
これまでに作ったページに style タグを追加し、h1 の色を好きな色に変えてみましょう。
<head>
<style>
h1 {
color: #2563eb;
}
</style>
</head>style タグは head の中に書きます。色は blue のような色名でも、#2563eb のようなカラーコードでもかまいません。
学籍番号と氏名を入力してクイズに正解すると、確認コード付きの提出用画面が表示されます。スクリーンショットを撮って Teams の提出欄にアップロードしてください。
Q. CSSの基本形として正しいものはどれでしょうか?
| 問題番号 | プログラミング入門30日 Day 9 |
|---|---|
| 学籍番号 | |
| 氏名 | |
| 提出時間 | |
| 確認コード |
提出時間はサーバー時刻に基づきます。
この画面のスクリーンショットを撮り、Teams の提出欄にアップロードしてください。