Head First HTML and CSS, Second Edition(官网源代码及资源)

【实例简介】
Head First HTML and CSS, Second Edition(官网源代码及资源)
【实例截图】
【核心代码】
hfhtmlcss（官网源码）
└── hfhtmlcss（官网源码）
├── chapter1
│   └── starbuzz
│   ├── index.html
│   └── mission.html
├── chapter10
│   ├── lounge
│   │   ├── about
│   │   │   └── directions.html
│   │   ├── beverages
│   │   │   └── elixir.html
│   │   ├── images
│   │   │   ├── background.gif
│   │   │   ├── black.gif
│   │   │   ├── blue.gif
│   │   │   ├── blue.jpg
│   │   │   ├── chai.gif
│   │   │   ├── cocktail.gif
│   │   │   ├── drinks.gif
│   │   │   ├── green.gif
│   │   │   ├── green.jpg
│   │   │   ├── lightblue.gif
│   │   │   ├── lightblue.jpg
│   │   │   ├── logo.gif
│   │   │   ├── red.gif
│   │   │   ├── red.jpg
│   │   │   └── yellow.gif
│   │   ├── lounge.css
│   │   ├── lounge.html
│   │   └── print
│   │   └── print.css
│   └── lounge-complete
│   ├── about
│   │   └── directions.html
│   ├── beverages
│   │   └── elixir.html
│   ├── images
│   │   ├── background.gif
│   │   ├── black.gif
│   │   ├── blue.gif
│   │   ├── blue.jpg
│   │   ├── chai.gif
│   │   ├── cocktail.gif
│   │   ├── drinks.gif
│   │   ├── green.gif
│   │   ├── green.jpg
│   │   ├── lightblue.gif
│   │   ├── lightblue.jpg
│   │   ├── logo.gif
│   │   ├── red.gif
│   │   ├── red.jpg
│   │   └── yellow.gif
│   ├── lounge.css
│   └── lounge.html
├── chapter11
│   ├── absolute
│   │   ├── images
│   │   │   ├── award.gif
│   │   │   ├── background2.gif
│   │   │   ├── background.gif
│   │   │   ├── bag.gif
│   │   │   ├── cardboard_bg.jpg
│   │   │   ├── coupon.gif
│   │   │   ├── final.jpeg
│   │   │   ├── header.gif
│   │   │   ├── headerlogo2.gif
│   │   │   ├── headerlogo.gif
│   │   │   └── ticket.gif
│   │   ├── index.html
│   │   └── starbuzz.css
│   ├── lounge
│   │   ├── about
│   │   │   └── directions.html
│   │   ├── beverages
│   │   │   └── elixir.html
│   │   ├── images
│   │   │   ├── background.gif
│   │   │   ├── black.gif
│   │   │   ├── blue.gif
│   │   │   ├── blue.jpg
│   │   │   ├── chai.gif
│   │   │   ├── cocktail.gif
│   │   │   ├── drinks.gif
│   │   │   ├── green.gif
│   │   │   ├── green.jpg
│   │   │   ├── lightblue.gif
│   │   │   ├── lightblue.jpg
│   │   │   ├── logo.gif
│   │   │   ├── red.gif
│   │   │   ├── red.jpg
│   │   │   └── yellow.gif
│   │   ├── lounge.css
│   │   └── lounge.html
│   ├── starbuzz
│   │   ├── freecoffee.html
│   │   ├── images
│   │   │   ├── award.gif
│   │   │   ├── background.gif
│   │   │   ├── bag.gif
│   │   │   ├── coupon.gif
│   │   │   ├── header.gif
│   │   │   └── ticket.gif
│   │   ├── index.html
│   │   └── starbuzz.css
│   ├── starbuzz-complete
│   │   ├── freecoffee.html
│   │   ├── images
│   │   │   ├── award.gif
│   │   │   ├── background.gif
│   │   │   ├── bag.gif
│   │   │   ├── header.gif
│   │   │   ├── headerLogo.gif
│   │   │   ├── headerSlogan.gif
│   │   │   └── ticket.gif
│   │   ├── index.html
│   │   └── starbuzz.css
│   └── tabledisplay
│   ├── freecoffee.html
│   ├── images
│   │   ├── award.gif
│   │   ├── background2.gif
│   │   ├── background.gif
│   │   ├── bag.gif
│   │   ├── cardboard_bg.jpg
│   │   ├── coupon.gif
│   │   ├── final.jpeg
│   │   ├── header.gif
│   │   ├── headerlogo2.gif
│   │   ├── headerlogo.gif
│   │   └── ticket.gif
│   ├── index.html
│   └── starbuzz.css
├── chapter12
│   └── starbuzz
│   ├── blog-complete.html
│   ├── blog.html
│   ├── images
│   │   ├── award.gif
│   │   ├── background2.gif
│   │   ├── background.gif
│   │   ├── bag.gif
│   │   ├── cardboard_bg.jpg
│   │   ├── coupon.gif
│   │   ├── final.jpeg
│   │   ├── header.gif
│   │   ├── headerlogo2.gif
│   │   ├── headerLogo.gif
│   │   ├── headerSlogan.gif
│   │   ├── poster.png
│   │   └── ticket.gif
│   ├── index.html
│   ├── starbuzz.css
│   └── video
│   ├── tweetsip.mp4
│   ├── tweetsip.ogv
│   └── tweetsip.webm
├── chapter13
│   ├── journal
│   │   ├── EmblemaOne-Regular.eot
│   │   ├── EmblemaOne-Regular.svg
│   │   ├── EmblemaOne-Regular.ttf
│   │   ├── EmblemaOne-Regular.woff
│   │   ├── images
│   │   │   ├── backpack.gif
│   │   │   ├── segway1.jpg
│   │   │   └── segway2.jpg
│   │   ├── journal.css
│   │   ├── journal.html
│   │   └── table.html
│   └── journal-complete
│   ├── EmblemaOne-Regular.eot
│   ├── EmblemaOne-Regular.svg
│   ├── EmblemaOne-Regular.ttf
│   ├── EmblemaOne-Regular.woff
│   ├── images
│   │   ├── backpack.gif
│   │   ├── segway1.jpg
│   │   └── segway2.jpg
│   ├── journal.css
│   ├── journal.html
│   └── table.html
├── chapter14
│   ├── contest
│   │   ├── contest.php
│   │   └── form.html
│   └── starbuzz
│   ├── accessform.css
│   ├── accessform.html
│   ├── blog.html
│   ├── form-complete.html
│   ├── form.html
│   ├── images
│   │   ├── award.gif
│   │   ├── background2.gif
│   │   ├── background.gif
│   │   ├── bag.gif
│   │   ├── cardboard_bg.jpg
│   │   ├── coupon.gif
│   │   ├── final.jpeg
│   │   ├── header.gif
│   │   ├── headerlogo2.gif
│   │   ├── headerLogo.gif
│   │   ├── headerSlogan.gif
│   │   └── ticket.gif
│   ├── index.html
│   ├── starbuzz.css
│   ├── styledform.css
│   └── styledform.html
├── chapter15
│   └── transform.html
├── chapter2
│   ├── completelounge
│   │   ├── about
│   │   │   └── directions.html
│   │   ├── beverages
│   │   │   └── elixir.html
│   │   ├── images
│   │   │   ├── blue.jpg
│   │   │   ├── drinks.gif
│   │   │   ├── green.jpg
│   │   │   ├── lightblue.jpg
│   │   │   └── red.jpg
│   │   └── lounge.html
│   └── lounge
│   ├── blue.jpg
│   ├── directions.html
│   ├── drinks.gif
│   ├── elixir.html
│   ├── green.jpg
│   ├── lightblue.jpg
│   ├── lounge.html
│   └── red.jpg
├── chapter3
│   └── journal
│   ├── images
│   │   ├── segway1.jpg
│   │   └── segway2.jpg
│   └── journal.html
├── chapter4
│   ├── buzz
│   │   ├── header.jpg
│   │   └── index.html
│   └── starbuzz
│   ├── index.html
│   └── mission.html
├── chapter5
│   ├── lounge
│   │   ├── about
│   │   │   └── directions.html
│   │   ├── beverages
│   │   │   └── elixir.html
│   │   ├── images
│   │   │   ├── blue.jpg
│   │   │   ├── drinks.gif
│   │   │   ├── green.jpg
│   │   │   ├── lightblue.jpg
│   │   │   └── red.jpg
│   │   └── lounge.html
│   ├── mypod
│   │   ├── html
│   │   │   ├── applestore.html
│   │   │   ├── britain.html
│   │   │   ├── seattle_classic.html
│   │   │   ├── seattle_shuffle.html
│   │   │   └── seattle_video_med.html
│   │   ├── index_bak.html
│   │   ├── index.html
│   │   ├── index_thumbs.html
│   │   ├── logo
│   │   │   ├── mypod.png
│   │   │   └── mypod.psd
│   │   ├── photos
│   │   │   ├── applestore.jpg
│   │   │   ├── britain.jpg
│   │   │   ├── seattle_classic.jpg
│   │   │   ├── seattle_classic_large.jpg
│   │   │   ├── seattle_downtown.jpg
│   │   │   ├── seattle_medium.jpg
│   │   │   ├── seattle_shuffle.jpg
│   │   │   ├── seattle_video.jpg
│   │   │   └── seattle_video_med.jpg
│   │   └── thumbnails
│   │   ├── applestore.jpg
│   │   ├── britain.jpg
│   │   ├── seattle_classic.jpg
│   │   ├── seattle_downtown.jpg
│   │   ├── seattle_shuffle.jpg
│   │   └── seattle_video_med.jpg
│   ├── testimage
│   │   ├── eye.jpg
│   │   └── Thumbs.db
│   └── trivia
│   └── trivia.html
├── chapter6
│   ├── about
│   │   └── directions.html
│   ├── beverages
│   │   └── elixir.html
│   ├── images
│   │   ├── blue.jpg
│   │   ├── drinks.gif
│   │   ├── green.jpg
│   │   ├── lightblue.jpg
│   │   └── red.jpg
│   ├── lounge-complete.html
│   └── lounge.html
├── chapter7
│   ├── about
│   │   └── directions.html
│   ├── beverages
│   │   └── elixir.html
│   ├── images
│   │   ├── blue.jpg
│   │   ├── drinks.gif
│   │   ├── green.jpg
│   │   ├── lightblue.jpg
│   │   └── red.jpg
│   ├── lounge-complete.html
│   ├── lounge.css
│   └── lounge.html
├── chapter8
│   └── journal
│   ├── EmblemaOne-Regular.eot
│   ├── EmblemaOne-Regular.svg
│   ├── EmblemaOne-Regular.ttf
│   ├── EmblemaOne-Regular.woff
│   ├── images
│   │   ├── segway1.jpg
│   │   └── segway2.jpg
│   ├── journal.css
│   └── journal.html
├── chapter9
│   ├── lounge
│   │   ├── about
│   │   │   └── directions.html
│   │   ├── beverages
│   │   │   └── elixir.html
│   │   ├── images
│   │   │   ├── background.gif
│   │   │   ├── black.gif
│   │   │   ├── blue.gif
│   │   │   ├── blue.jpg
│   │   │   ├── chai.gif
│   │   │   ├── cocktail.gif
│   │   │   ├── drinks.gif
│   │   │   ├── green.gif
│   │   │   ├── green.jpg
│   │   │   ├── lightblue.gif
│   │   │   ├── lightblue.jpg
│   │   │   ├── logo.gif
│   │   │   ├── red.gif
│   │   │   ├── red.jpg
│   │   │   └── yellow.gif
│   │   ├── lounge.html
│   │   ├── lounge-mobile.css
│   │   └── lounge-print.css
│   └── lounge-complete
│   ├── about
│   │   └── directions.html
│   ├── beverages
│   │   └── elixir.html
│   ├── images
│   │   ├── background.gif
│   │   ├── black.gif
│   │   ├── blue.gif
│   │   ├── blue.jpg
│   │   ├── chai.gif
│   │   ├── cocktail.gif
│   │   ├── drinks.gif
│   │   ├── green.gif
│   │   ├── green.jpg
│   │   ├── lightblue.gif
│   │   ├── lightblue.jpg
│   │   ├── logo.gif
│   │   ├── red.gif
│   │   ├── red.jpg
│   │   └── yellow.gif
│   ├── lounge.css
│   ├── lounge.html
│   ├── lounge-mediaquery.css
│   ├── lounge-mediaquery.html
│   ├── lounge-mobile.css
│   └── lounge-print.css
└── __MACOSX
├── chapter1
│   └── starbuzz
├── chapter10
│   ├── lounge
│   │   ├── about
│   │   ├── beverages
│   │   ├── images
│   │   └── print
│   └── lounge-complete
│   ├── about
│   ├── beverages
│   └── images
├── chapter11
│   ├── absolute
│   │   └── images
│   ├── lounge
│   │   ├── about
│   │   ├── beverages
│   │   └── images
│   ├── starbuzz
│   │   └── images
│   ├── starbuzz-complete
│   │   └── images
│   └── tabledisplay
│   └── images
├── chapter12
│   └── starbuzz
│   ├── images
│   └── video
├── chapter13
│   ├── journal
│   │   └── images
│   └── journal-complete
│   └── images
├── chapter14
│   ├── contest
│   └── starbuzz
│   └── images
├── chapter15
├── chapter2
│   ├── completelounge
│   │   ├── about
│   │   ├── beverages
│   │   └── images
│   └── lounge
├── chapter3
│   └── journal
│   └── images
├── chapter4
│   ├── buzz
│   └── starbuzz
├── chapter5
│   ├── lounge
│   │   ├── about
│   │   ├── beverages
│   │   └── images
│   ├── mypod
│   │   ├── html
│   │   ├── logo
│   │   ├── photos
│   │   └── thumbnails
│   ├── testimage
│   └── trivia
├── chapter6
│   ├── about
│   ├── beverages
│   └── images
├── chapter7
│   ├── about
│   ├── beverages
│   └── images
├── chapter8
│   └── journal
│   └── images
└── chapter9
├── lounge
│   ├── about
│   ├── beverages
│   └── images
└── lounge-complete
├── about
├── beverages
└── images

168 directories, 299 files