スタイルシートの書き方(3)
"CSSファイル"を持つことで、全ページの見栄えを統一できます。
<head>内に<link rel="stylesheet" href="CSSファイル名" type="text/css">を記述することで
"CSSファイル"をページに適用することができます。
変更前
<html>
<head>
<style type="text/css">
<!--
div{
color:#0000ff;
font-size:16pt;
background-color:#999999;
}
-->
</style>
</head>
<body>
<div>スタイルシートの書き方１</div>
<div>スタイルシートの書き方２</div>
</body>
</html>
|
ここで以下のような"CSSファイル"を作成します。
CSSファイルファイル名：style.css
div{
color:#0000ff;
font-size:16pt;
background-color:#999999;
}
|
変更後
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div>スタイルシートの書き方１</div>
<div>スタイルシートの書き方２</div>
</body>
</html>
|
まとめ
- styleを"CSSファイル"として別に作ります。
- <head>内に<link rel="stylesheet" href="CSSファイル名" type="text/css">を記述します。
関連リンク
|
スポンサードリンク
|
