Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 reference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial
ASP ADO リファレンス | PHP関数リファレンス | MySQL関数リファレンス

HTML文書内にまとめて記述する

■ 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

<<<戻る
R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box | CSS Trial