HTML文書内にまとめて記述する
HTML内に設定したいスタイルを記述する方法です。<style>タグと</style>タグの間でスタイルを定義し、これを<head></head>内に配置します。記述したページ内でのみ有効になるので、ページごとにスタイルを適用したい場合などに便利な方法です。
<style type="text/css"> スタイルの設定</style>
HTML文書
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>TML文書内にまとめて記述する</title>
<style type="text/css">
<!--
.image {
background-image: url(../assets/images/0060048.jpg);
background-repeat: no-repeat;
background-position: 400px 50px;
}
h1 {
margin-top: 110px;
margin-right: 80px;
text-align: right
}
-->
</style>
</head>
<body class="image">
<h1>CSS</h1>
</body>
</html>CSS