ゼロからはじめるホームページ作成 
HOME > スタイルシート講座 > スタイルシートの書き方(2)

スタイルシートの書き方(2)

設定したページのみ有効な書き方を紹介します。

<head>内に<style type="text/css">〜</style>を記述します。
<style>で設定したタグ(下の例ではdiv)は、このページの全てのdivに対して見栄えを統一できます。

変更前

<html>
<head>
</head>
<body>
<div style="color:#0000ff; font-size:16pt; background-color:#999999;">スタイルシートの書き方1</div>
<div style="color:#0000ff; font-size:16pt; background-color:#999999;">スタイルシートの書き方2</div>
</body>
</html>

変更後

<html>
<head>
<style type="text/css">
<!--
div{
color:#0000ff;
font-size:16pt;
background-color:#999999;
}
-->
</style>

</head>
<body>
<div>スタイルシートの書き方1</div>
<div>スタイルシートの書き方2</div>
</body>
</html>

結果

スタイルシートの書き方1

スタイルシートの書き方2


まとめ

  • <head>内に<style type="text/css">〜</style>を記述します。
  • <style>で設定したタグは、そのページ内で見栄えが統一できます。


スタイルシート講座

初心者講座

スポンサードリンク

スタイルシート辞典

テキスト
フォント
背景
ボックス
配置
リスト
テーブル
ユーザインタフェース
その他



Copyright© ゼロからはじめるホームページ作成講座 All Rights Reserved.  サイトマップ