『Day1&Day2』 #記録メモ

実施日：2019.08.01

・Day1&Day2の内容　

DAY1.『Progate HTML & CSS 初級編（4章まで）』
DAY2.『Progate HTML & CSS 初級編（7章まで）』

・やってみての感想　

HTML & CSS 初級編に関しては、６周目くらいの実践だったのでスラスラ進めることができた！Progateの説明はわかりやすいから、基礎復習として、これからも何度も実践していきたい。

〜ポイントメモ〜

・classにCSSを指定する際の注意点
classの場合→ドット（.）が必要
タグの場合→必要ない

li{
    color: red;
}

.selected{
    color: blue;
}

・リストのマークをなくすCSS
<li>要素にlist-styleプロパティを用いてnoneを指定すると、リストの先頭のマークを消すことができる

li{
    list-style: none;
}

・<input>要素と<textarea>要素
<input>要素：１行のテキスト入力を受け取るための要素→終了タグ不要
<textarea>要素：複数行のテキスト入力を受け取るための要素

<form>
    <p>input要素</p>
    <input>
    <p>textarea要素</p>
    <textarea></textarea>
</form>

・ボックスモデル
HTMLの全ての要素にborder（初期状態では表示されない）、その外側の余白はmargin, 内側の余白はpaddingとなっている