Qiita学習記録 HTML/CSS #2

デイトラDay6

inputタグへのスタイルの当て方。

inputタグに対しては属性まで指定しておくことで、簡単に同じ型を作ることができる。

style.css

input[type="email"],input[type="text"] {
    width: 600px;
    border: 3px solid #d8d8d8;
    font-size: 18px;
    display: block;
    margin: auto;

index.html

<input type="email" name="email" id="email" placeholder="メールアドレス">

デイトラDay7

レスポンシブについて学ぶ。
スマホ用の表示は今後、Web制作において必須。
明日も引き続き、この章の学習を進める。