2017年5月20日土曜日

開発環境

Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 8.(Styling with Fonts and Colors: Expanding Your Vocabulary)、FONT MAGNETS(No. 5310) を取り組んでみる。

FONT MAGNETS(No. 5310)

  • monospace
    • Bainbridge
    • Palomino
    • Messenger
    • Savannah
  • sans-serif
    • Angel
    • Crush
    • Nautica
  • fantasy
    • Quarter
  • cursive
    • Cartoon
  • serif
    • Iceland

コード(Emacs)

HTML5

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="sample4.css">
  </head>
  <body>
    <ul>
      <li style="font-family: monospace;">
        monospace
        <ul>
          <li>Bainbridge</li>
          <li>Palomino</li>
          <li>Messenger</li>
          <li>Savannah</li>
        </ul>
      </li>
      <li style="font-family: sans-serif;">
        sans-serif
        <ul>          
          <li>Angel</li>
          <li>Crush</li>
          <li>Nautica</li>
        </ul>
      </li>
      <li style="font-family: fantasy;">
        fantasy
        <ul>
          <li>Quarter</li>
        </ul>
      </li>
      <li style="font-family: cursive;">
        cursive
        <ul>
          <li>Cartoon</li>
        </ul>
      </li>
      <li style="font-family: serif;">
        serif
        <ul>          
          <li>Iceland</li>
        </ul>
      </li>
    </ul>
  </body>
</html>

0 コメント:

コメントを投稿