HTMLで外部CSSを呼び出す方法

青灯夜游
リリース: 2023-01-07 11:41:55
オリジナル
13407 人が閲覧しました

呼び出し方法: 1. ステートメント ""; を使用します。 2. " @import url ( CSS ファイルのパス アドレス)」ステートメント呼び出し。

HTMLで外部CSSを呼び出す方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

#HTML が外部 CSS を呼び出す方法は 2 つあります

    #リンク スタイル -- タグを使用します
  • インポート タイプ -- @import ルール タグを使用します
1. リンク タイプ

タグ ペアの タグを使用して外部スタイル シート ファイルを導入し、HTML ルールを使用して外部 CSS を導入します。

構文:

<link rel="stylesheet" href="css文件路径" type="text/css" />
ログイン後にコピー

タグは、ドキュメントと外部リソース間の関係を定義します。 タグの最も一般的な使用法は、スタイル シートをリンクすることです。

2. インポートされた

CSS @import ルールは、他のスタイル シートからスタイル ルールをインポートするために使用されます。これらのルールは他のすべてのタイプのルールよりも前に置く必要があり、条件付きグループのルールでは @import を使用できません。

#独立した .css ファイルを HTML ファイルに導入し、css @import ルールを使用して外部 CSS ファイルを導入し、 タグの