見出し画像

『Day1&Day2』 #記録メモ

実施日:2019.08.01

・Day1&Day2の内容 

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

・やってみての感想 

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

〜ポイントメモ〜

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

li{
    color: red;
}

.selected{
    color: blue;
}

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

li{
    list-style: none;
}

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

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

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


読んでくだりありがとうございます。 頂いたサポートはスキルアップのために大切に使わせていただきます!