CSSスタイルの外部参照

HTML CSS定義された3つの一般的な方法があります：組み込み、外部参照型、インライン。
外部参照の最も一般的なタイプのその下には：

<?xml-stylesheet type="text/css" href="mystyle.css"?>
<html>
...
</html>

しかし、唯一のHTML文書のXML構文を使用して書かれた文書のみを有効にするにはXHTMLやXML形式で保存されていない、とJavaScriptは、CSSスタイルシートを処理できない場合にのみ、処理命令の使用、およびほとんどのブラウザをサポートしています。

<head>
	<style>
		<!--下面两行代码的效果是相同的
			@import "mystyle.css";
			@import url("mystyle.css");
		-->
	</style>
</head>

注意：任意の@import規則は、スタイルシートルールの前に現れなければなりません。

link要素を使用して
参照される外部スタイルシートであってもよいHTMLコード内のlink要素を使用して、href属性が置かれているURLのスタイルシートを指定するために使用される、とrel =「スタイルシート」タイプを指定することができる=「テキスト/ cssのは」、前者は、参照スタイルシートを示し、後者は、例えばCSSスタイルシートへの参照です。

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

スタイルシートに連結されたHTTPメッセージのヘッダーに使用
、外部スタイルシートへのリンク、及びHTMLリンク要素の機能リンクフィールドと同じ機能のHTTPメッセージヘッダフィールドをリンクするために使用することができる次のように、同じ特性を有します。

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

それはと同等です。

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

HTTPヘッダフィールドは、複数のリンクは、外部スタイルシートを複数のリンクを使用することができる、およびHTTPヘッダのリンクフィールドは、HTML文書内のリンク要素よりも高い優先度を有しています。