CSS

  • HTML で作ったページの見栄えをもっとよくするための技術
  • レイアウト、文字の大きさや色、字体、行間なんかも自由自在になります
  • ージの外にスタイルの設定を書き込んだシートを作って、これをページに適用することができるから、たくさんページを作ってもスタイルを設定したシートを修正するだけで、すべてのページを修正することができます。

■HTML

<html>
<head>
<title>CSS設定の方法</title>
</head>
<body>
<h3>CSS設定の方法</h3>
<p>ここではCSSの設定方法について勉強します。CSSの設定方法には3種類あります。</p>
<h4>1.タグではさまれた部分に適用する方法</h4>
<div>この方法はページの一部分だけスタイルを変えたいときに使います。その単語を目立たせるように字の太さや字体を変えたいときに使います。HTMLよりもより細かい設定が可能ですが、あまりCSSを使う意味はありません。ちょっとしたアクセントにどうぞ。</div>
<h4>2.ページ全体に適用する方法</h4>
<div>ページ全体に適用するには、ページのヘッダー部分に書き込みます。<body>タグを使うのとあまり変わりませんが、より細かい設定が可能です。複数のページを1つのスタイルシートで設定して、その中にある1ページだけ違う設定を混ぜたいときなどに使えます。</div>
<h4>3.リンクを使って複数ページに適用する方法</h4>
<div>この方法が一番おすすめです。外部にスタイルシートを1つ作って、複数のページからリンクを張ります。スタイルシートを一部変更するだけで、複数ページ全てのスタイルを変更することが出来ます。これでサイト全体のスタイルを設定し、部分部分は1または2の方法で設定すればいいでしょう。</div>
</body>
</html>


■CSS

h3{
 color: #ff0000;
}
h4{
 color: #0000ff;
}
p{
 margin: 1%;
 padding: 1%;
}
div{
 font-size: 10pt;
 margin: 1%;
 padding: 2%;
 line-height: 120%;
 border-style: double;
 border-color: #ff0000;
 background-color: #ffcccc;
}


  • 最終更新:2011-02-25 09:19:03

このWIKIを編集するにはパスワード入力が必要です

認証パスワード