-
link要素を使用したCSSのインポート: HTMLファイルの
セクション内で、以下のようにlink要素を使用して外部のCSSファイルをインポートします。<link rel="stylesheet" href="styles.css">上記の例では、styles.cssという名前のCSSファイルをインポートしています。このファイルは、HTMLファイルと同じディレクトリに存在する必要があります。もし別のディレクトリにある場合は、正しいパスを指定する必要があります。
-
@importルールを使用したCSSのインポート: CSSファイル内で、@importルールを使用して他のCSSファイルをインポートすることもできます。以下に例を示します。
@import url("styles.css");この例では、styles.cssという名前のCSSファイルをインポートしています。@importルールは、CSSファイルの先頭に記述する必要があります。
-
複数のCSSファイルをインポートする方法: 必要に応じて、複数のCSSファイルをインポートすることもできます。以下に例を示します。
<link rel="stylesheet" href="styles1.css"> <link rel="stylesheet" href="styles2.css">上記の例では、styles1.cssとstyles2.cssという2つのCSSファイルをインポートしています。これにより、複数のCSSファイルを使用してスタイルを適用することができます。
以上が、CSSのインポート方法とコード例の説明です。これらの方法を使用することで、外部のCSSファイルを簡単にインポートし、スタイルを適用することができます。