2019.03.29

【正誤情報】1冊ですべて身につくHTML & CSSとWebデザイン入門講座

1冊ですべて身につくHTML & CSSとWebデザイン入門講座

このたびは書籍『1冊ですべて身につくHTML & CSSとWebデザイン入門講座』をお買い上げいただき、誠にありがとうございました。
誠に申し訳ないことですが、本文中に以下のような間違いがありました。謹んで訂正させていただきます。

■初版

p.124 本文下から2行目、height: 100vh; を追加
誤)
div {
 background-image: url(images/bg-airplane.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}

正)
div {
 background-image: url(images/bg-airplane.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 height: 100vh;
}

p.125 本文下から2行目、height: 100vh; を追加
誤)
div {
 background-image: url(images/bg-airplane.jpg);
 background-repeat: no-repeat;
 background-size: contain;
}

正)
div {
 background-image: url(images/bg-airplane.jpg);
 background-repeat: no-repeat;
 background-size: contain;
 height: 100vh;
}

p.127 下から2行目、height: 100vh; を追加
誤)
div {
 background: #70a2dc url(images/bg-airplane.jpg) no-repeat center bottom/cover;
}

正)
div {
 background: #70a2dc url(images/bg-airplane.jpg) no-repeat center bottom/cover;
 height: 100vh;
}

p.206 本文上から10行目、margin-top: 50px; をトル
誤)
footer {
 background: #432;
 text-align: center;
 padding: 26px 0;
 margin-top: 50px;
}

正)
footer {
 background: #432;
 text-align: center;
 padding: 26px 0;
}

p.242 本文5行目
誤)chapter6/c6-06-1/Demo-3columns
正)chapter6/c6-06-1/Demo-grid

※公開しているサンプルデータは修正版をアップしております。