第4章ウェブページの書き方2

4.2 XHTML

4.2.1 XHTML文書の構造

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>タイトル</title>
</head>
<body>

</body>
</html>

4.3 CSS: ウェブページの外観

4.3.3 スタイルファイルの適用方法

<body>
<h1>白抜きの<span class="strong">title</span></h1>
<p id="abstract">センタリング</p>
<p class="note">noteクラスのフォントを標準よりも小さくします．</p>
<div>
  <p class="note">div要素内のp要素</p>
</div>
</body>

style.css

h1{
  color: white;
  background-color: #505050;
}
.strong{
  font-style:italic;
}
.note{
  font-size:small;
}
#abstract{
  text-align:center;
  width:60%;
  border-width:10px;
  border-style:outset;
}
div > p.note{
  font-size:xx-large;
}