BUILDA 体験レッスン
名前・自己紹介・好きな色 を入れたカードを作る！
画面の右がわに、カードが出ます。
左のスライドを見ながら、右のコードを少しずつ変えます。
<h1>名前を書こう</h1>
名前を書こう を、自分の名前に変えます。
名前を書こう
index.html
<h1>
<p class="intro"> 自己紹介を書こう。好きなことは ____ です。 </p>
____ に、好きなことを入れます。
____
CSSは、見た目を変える言葉です。
色・大きさ・余白を、自分で決められます。
:root { --favorite-color: #2f8f8b; }
#2f8f8b を好きな色に変えます。
#2f8f8b
style.css
red
;
こわれても、直せます。
作った 自己紹介カード を見せます。
「自分で変えたところ」を 1つだけ 話します。
書く → 見る → 直す で作っていこう