HTML5 & CSS3 デザインレシピ集

サポートページ

この記事を読むのに必要な時間:およそ 0.5 分

ダウンロード

(2017年3月23日更新)

本書のサンプルファイルを,下記リンクからダウンロードすることができます。

ダウンロードしていただくファイルは,ZIP形式の圧縮ファイルです。展開してお使いください。ダウンロードにミスがあると正しく展開できませんので,よくお確かめください。

ダウンロードファイルに不備がありましたので,更新しました。3月22日以前にダウンロードされた方は,お手数ですが,再度ダウンロードいただきますよう,お願いいたします。

ダウンロード
HTML_sample.zip

お詫びと訂正

本書の以下の部分に誤りがありました。ここに訂正してお詫び申し上げます。

(2017年3月23日更新)

P.27 本文 下から9行目

詳しくは「517」「518」で取り上げています。
詳しくは「089」「090」で取り上げています。

P.42 本文 下から4行目

maginプロパティの値は「0」になります。
marginプロパティの値は「0」になります。

P.76 HTML 9行目


<p>厳選された…絶妙ばほろ苦さの…</p>


<p>厳選された…絶妙ほろ苦さの…</p>

P.104 表「おもなカラーキーワード」 9行目

yellow #000000
yellow #FFFF00

P.148 CSS 3行目


list-style-type: decimal-leading-zero;


list-style: decimal-leading-zero;


P.178 本文 右の段,下から2行目


<img src="data:image/png;base64,データ">


<img src="data:image/gif;base64,データ">


P.263 CSS 8行目


 background-image: url(../images/bg.jpg) center bottom no-repeat;


 background: url(../images/bg.jpg) center bottom no-repeat;


P.463 HTML 2~6行目



<div class="box"><img src="images/photo1.jpg" width="100%" alt=""></div>
<div class="box"><img src="images/photo2.jpg" width="100%" alt=""></div>
<div class="box"><img src="images/photo3.jpg" width="100%" alt=""></div>
<div class="box"><img src="images/photo4.jpg" width="100%" alt=""></div>
<div class="box"><img src="images/photo5.jpg" width="100%" alt=""></div>



<div class="box"><img src="images/photo1.jpg" alt=""></div>
<div class="box"><img src="images/photo2.jpg" alt=""></div>
<div class="box"><img src="images/photo3.jpg" alt=""></div>
<div class="box"><img src="images/photo4.jpg" alt=""></div>
<div class="box"><img src="images/photo5.jpg" alt=""></div>


P.516 本文 6行目

フロートを使った2コラムレイアウトは「まずはじめに……
フロートを使った3コラムレイアウトは「まずはじめに……