HTML and CSS - Styling with Fonts and Colors: Expanding YourVocabulary(Gray Scale)

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.352)を解いてみる。

Sharpen Your Pencil(p.352)

HTML (BBEdit, Emacs)

sample352.html

<p style="color:#111111;">111111</p>
<p style="color:#222222;">222222</p>
<p style="color:#333333;">333333</p>
<p style="color:#444444;">444444</p>
<p style="color:#555555;">555555</p>
<p style="color:#666666;">666666</p>
<p style="color:#777777;">777777</p>
<p style="color:#888888;">888888</p>
<p style="color:#999999;">999999</p>
<p style="color:#aaaaaa;">aaaaaa</p>
<p style="color:#bbbbbb;">bbbbbb</p>
<p style="color:#cccccc;">cccccc</p>
<p style="color:#dddddd;">dddddd</p>
<p style="color:#eeeeee;">eeeeee</p>

#111111

#222222

#333333

#444444

#555555

#666666

#777777

#888888

#999999

#aaaaaa

#bbbbbb

#cccccc

#dddddd

#eeeeee