開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- Safari(Web browser)
Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 7.(Getting Started with CSS: Adding a Little Style)、SHARPEN YOUR PENCIL(No. 4758) を取り組んでみる。
SHARPEN YOUR PENCIL(No. 4758)
default
sans-serif
sans-serif default(sans-serif) default(sans-serif)
sans-serif
sans-self default(sans-serif)
コード(Emacs)
HTML5
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="sample2.css">
</head>
<body>
<div id="d0">
<h1>default</h1>
<p>sans-serif
<img>
</p>
<p>sans-serif
<a>default(sans-serif)</a>
<em>default(sans-serif)</em>
</p>
<h2>sans-serif</h2>
<p>sans-self
<a>default(sans-serif)</a>
</p>
</div>
<div id="d1">
<h1>default</h1>
<p>sans-serif
<img>
</p>
<p>sans-serif
<a>default(sans-serif)</a>
<em>sans-serif</em>
</p>
<h2>default</h2>
<p>sans-self
<a>default(sans-serif)</a>
</p>
</div>
</body>
</html>
CSS
#d0 p, #d0 h2 {
font-family: sans-serif;
}
#d1 p, #d1 em {
font-family: sans-serif;
}
0 コメント:
コメントを投稿