HTML and CSS - the box model: Getting Intimate withElements(line-height)

Head First HTML and CSS
(O'Reilly Media)
Elisabeth Robson (著), Eric Freeman (著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox + Firebug, Google Chrome(Webプラウザ、プラグイン)
• BBEdit - Bare Bones Software, Inc. (GUI) , Emacs (CUI) (Text Editor)
• HTML (マークアップ言語)
• Cascading Style Sheets(CSS) (スタイルシート)

Head First HTML and CSS(Elisabeth Robson (著)、 Eric Freeman (著)、O'Reilly Media)のChapter 9(the box model: Getting Intimate with Elements)、Exercise(p.366)を解いてみる。

Exercise(p.366)

HTML (BBEdit, Emacs)

sample352.html

<p>line-height:200%</p>
<p style="line-height:200%;">
  During your stay at the lounge, you'll enjoy a smooth mixture of 
  ambient and mystic sounds, filling the lounge and adding an extra dimension 
  to your dining experience. The decor surrounds you with the relaxing sentiments 
  of sights from eras past. And, don't forget, the lounge offers free wireless 
  access to the Internet, so bring your laptop.  
</p>
<p>line-height:.5em</p>
<p style="line-height:.5em;">
  During your stay at the lounge, you'll enjoy a smooth mixture of 
  ambient and mystic sounds, filling the lounge and adding an extra dimension 
  to your dining experience. The decor surrounds you with the relaxing sentiments 
  of sights from eras past. And, don't forget, the lounge offers free wireless 
  access to the Internet, so bring your laptop.  
</p>
<p>line-height:20px</p>
<p style="line-height:20px;">
  During your stay at the lounge, you'll enjoy a smooth mixture of 
  ambient and mystic sounds, filling the lounge and adding an extra dimension 
  to your dining experience. The decor surrounds you with the relaxing sentiments 
  of sights from eras past. And, don't forget, the lounge offers free wireless 
  access to the Internet, so bring your laptop.  
</p>

line-height:200%

During your stay at the lounge, you'll enjoy a smooth mixture of ambient and mystic sounds, filling the lounge and adding an extra dimension to your dining experience. The decor surrounds you with the relaxing sentiments of sights from eras past. And, don't forget, the lounge offers free wireless access to the Internet, so bring your laptop.

line-height:.5em

During your stay at the lounge, you'll enjoy a smooth mixture of ambient and mystic sounds, filling the lounge and adding an extra dimension to your dining experience. The decor surrounds you with the relaxing sentiments of sights from eras past. And, don't forget, the lounge offers free wireless access to the Internet, so bring your laptop.

line-height:20px

During your stay at the lounge, you'll enjoy a smooth mixture of ambient and mystic sounds, filling the lounge and adding an extra dimension to your dining experience. The decor surrounds you with the relaxing sentiments of sights from eras past. And, don't forget, the lounge offers free wireless access to the Internet, so bring your laptop.