外部CSSを読み込ませる

スタイルの適用方法にはリンク方式、エンベット方式、インライン方式の三通りがあります。スタイルを各ページに書いておくと、後で変更したい部分が出てきたときに各ファイルを開き、手直しをしていかなくてはなりません。しかし、CSSファイルを作成し、外部から読み込むように作っておけば、CSSファイルのテキストを変更するだけで、一括で変更することが出来ます。

<link rel="stylesheet" type="text/css" href="URL">

リンク方式

外部からCSSファイルを読み込みます

エンベット方式

<head></head>内に書き込みます

インライン方式

<body></body>内に書き込みます。

リンク方式

外部にスタイルを記述して、「〜.css」とファイル名を付けて保存します。HTMLで<link>タグを使ってこのファイルを指定すると、スタイルが適用されます。

エンベット方式

<head>部分に、<style>タグを使って記述します。なお、スタイルシート未対応ブラウザのために、スタイル部分は<!--スタイル-->でコメントアウトしておきます。

インライン方式

タグの属性としてスタイルを適用するため、従来のタグと同じ感覚で使うことが可能です。

もっと詳しく知りたい!