開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- Safari(Web browser)
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 コメント:
コメントを投稿