好きこそものの上手なれ

他人から見れば、下手の横好きですが、そっと見守ってください。

HTML スタイルシート CSS

HTMLの見栄えと構造を分離する為にスタイルシートを用います。
そのスタイルシート(CSS)を定義する方法は、３通りあります。


①HTMLに直接記述
   メリット：html１つで完結するので、扱いやすい。
②HTMLの外部ファイルとする
　メリット：htmlがスッキリし、他のhtmlでも使いまわしができる。
③HTMLのタグ毎に書く
　メリット：局所的にスタイルを変更したいときに便利。




①HTMLに直接記述
head要素内にstyle要素として記述する。


<head>
…
<style type="text/css">
<!--
body {
background-color:#ccff99;
}
…
-->
</style>



②HTMLの外部ファイルとする
head要素内にlink要素として記述し、別のファイルにスタイルシート(CSS)を記述する。


<head>
…
<link rel="stylesheet" type="text/css" href="/css/main.css">



③HTMLのタグ毎に書く


<body>
<p style="color:red; line-height:2.0;">局所的に優先的に作用させる</p>