CSSのHTMLへの組み込み方

スタイルシートをHTMLに組み込む方法

・LINK要素を利用して外部スタイルシートを読み込む
・STYLE要素の中にスタイル情報を記述する
・@importを利用して外部スタイルシートを読み込む
・STYLE属性を利用してスタイル情報を記述する

LINK要素で外部スタイルシートを読み込む記述例

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

※HEAD要素内に記述

cssの基本書式

セレクタ{プロパティ:値;}

STYLE要素の中にスタイル情報を記述する例

<style type="text/css">
<!--
h1{font-size:1.2em;}
-->
</style>

※HEAD要素内に記述

STYLE属性を利用してスタイル情報を記述する例

<h1 style="font-size:1.2em">ここにテキスト</h1>