HTML and CSS - Styling with Fonts and Colors: Expanding YourVocabulary(Font size)

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 8(Styling with Fonts and Colors: Expanding Your Vocabulary)、Sharpen your pencil(p.332)を解いてみる。

Sharpen your pencil(p.332)

HTML (BBEdit, Emacs)

<div style="font-size:small;">
<h1 style="font-size:220%;">220%</h1>
<h1 style="font-size:2.2em;">2.2em</h1>
<h2 style="font-size:130%;">130%</h2>
<h2 style="font-size:1.3em;">1.3em</h2>
</div>

220%

2.2em

130%

1.3em