開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- Safari(Web browser)
Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 10.(Divs and Spans: Advanced Web Construction)、SHARPEN YOUR PENCIL(No. 6989) を取り組んでみる。
SHARPEN YOUR PENCIL(No. 6989)
header1
header2
div id="elixir"
header2
header3
header3
header3
div id="calendar"
header1
header2
header3
コード(Emacs)
HTML5
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="sample2.css">
</head>
<body>
<h1>header1</h1>
<h2>header2</h2>
<div id="elixir">
div id="elixir"
<h2>header2</h2>
<h3>header3</h3>
<h3>header3</h3>
<h3>header3</h3>
</div>
<div id="calendar">
div id="calendar"
<h1>header1</h1>
<h2>header2</h2>
<h3>header3</h3>
</div>
</body>
</html>
CSS(Stylesheet)
div h3 {
color: #d12c47;
}
0 コメント:
コメントを投稿