お問い合わせフォームのレイアウト２

<input>,<textarea>

<input>

・1行のテキスト入力を受け取るための要素

・終了タグが不要

<textarea>

・複数行のテキスト入力を受け取るための要素

<input>を用いた送信ボタンの作成

type属性にsubmitを指定すると入力欄でなく送信ボタンになる

value属性

ボタンに表示されるテキストを変更することも可能

複数のセレクタに同じCSSを指定する

「,（コンマ）」で区切ることで同じCSSを適用することが可能

演習メモ

index.html

<input>要素を追加してください

<input class=”contact-submit” type=”submit” value=”送信”>

※今回はよく意味が分かりません・・・

stylesheet.css

inputとtextareaのCSSを指定してください

input, textarea {
width: 400px;
margin-top: 10px;
margin-bottom: 30px;
padding: 20px;
font-size: 18px;
border: 1px solid #dee7ec;
}

contact-submitのCSSを指定してください

.contact-submit {
background-color: #dee7ec;
color: #889eab;
}

HTML&CSSコース終了したけど覚えられない・・・

width（幅）
margin-top
margin-bottom
padding
font-size
border（太さ）: 1px solid（種類） #dee7ec;

background-color: #dee7ec;
color: #889eab;

プログラミングを勉強してるけどこれマジで大丈夫ですかってレベルで大丈夫なのか俺！！