HTMLにCSSを読み込ませる方法

例:

<link rel="stylesheet" href="style.css" media="all">

 

HTMLの<head>~</head>内に記述することで、そのHTMLファイルに適用したいCSSが指定出来る。

また、複数スタイルシートを読み込ませたい場合は、

<link rel="stylesheet" href="style.css" media="all">

<link rel="stylesheet" href="style2.css" media="all">

のように、追記すればよい。

 

・赤の部分は、スタイルシートにリンクします、という意味。

・緑の部分は、読み込みたいスタイルシートのファイル名を記述する。例ではstyle.cssというファイル名を指定している。

・青の部分は、そのスタイルをどんなメディアで利用するかが指定出来る。「screen」だとブラウザで表示するとき、「print」だと印刷時、「all」だとすべての場面に適応される。また、「media="print,screen"」のように、半角カンマで複数指定することも出来る。