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

 

■初版~第19刷

p.245 本文上から6行目
誤)の高さも「100%」を指定して元に戻します。
正)の高さも「auto」を指定して元に戻します。

p.245 本文上から15行目
誤)height: 100%;
正)height: auto;

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