ホームページ  >  記事  >  ウェブフロントエンド  >  js cssファイルをインポートする方法

js cssファイルをインポートする方法

anonymity
anonymityオリジナル
2019-05-29 16:06:083552ブラウズ

js css ファイルをインポートするにはどうすればよいですか?

js cssファイルをインポートする方法

#外部スタイル シート

スタイルを多数のオブジェクトに適用する必要がある場合ページの場合は、外部スタイルシートが理想的です。外部スタイル シートを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。各ページは、2cdf5bf648cf2f33323966d7f58a7f3f タグを使用してスタイル シートにリンクします。 (ドキュメントの) ヘッド内の 2cdf5bf648cf2f33323966d7f58a7f3f タグ:

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

ブラウザは、ファイル mystyle.css からスタイル宣言を読み取り、それに応じてドキュメントをフォーマットします。

外部スタイル シートは、任意のテキスト エディタで編集できます。ファイルには HTML タグを含めることはできません。スタイル シートは .css 拡張子を付けて保存する必要があります。

複数のスタイルの優先順位

スタイル シートを使用すると、スタイル情報を複数の方法で指定できます。スタイルは、個々の HTML 要素、HTML ページのヘッダー要素、または外部 CSS ファイルで指定できます。同じ HTML ドキュメント内で複数の外部スタイルシートを参照することもできます。

通常、優先順位は次のとおりです:

インライン スタイル) インライン スタイル > (内部スタイル) 内部スタイル シート > (外部スタイル) 外部スタイル シート > ブラウザー サーバーデフォルトのスタイル

HTML 内のスクリプトは、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグと 2cacc6d41bbb37262a98f745aa00fbf0 タグの間にある必要があります。

スクリプトは、HTML ページの 6c04bd5ca3fcae76e30b72ad730ca86d セクションと 93f0f5c25f18dab9d176bd4f6de5d30e セクションに配置できます。

外部 JavaScript

スクリプトを外部ファイルに保存することもできます。外部ファイルには、複数の Web ページで使用されるコードが含まれることがよくあります。

外部 JavaScript ファイルのファイル拡張子は .js です。

外部ファイルを使用する必要がある場合は、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグの「src」属性に .js ファイルを設定してください:

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

スクリプトは e7f36630bb4dd7af8cc2a52575449408 または < ;body> の場合、3f1c4e4b6b16bbbd69b2ee476dc4f83a タグ内に配置されたスクリプトは、外部参照されるスクリプトとまったく同じように実行されます。

以上がjs cssファイルをインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。