コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

@import はどのように CSS ファイルを導入しますか?何か方法はありますか

云罗郡主
リリース： 2018-11-22 16:53:05
転載
5331 人が閲覧しました

この記事の内容は、@import が CSS ファイルをどのように導入するかについてです。何か参考になる方法はありますか？ 困っている方は参考にしていただければ幸いです。

@import は CSS スタイル シート ファイルを導入します

@import url (url) sMedia;

Description:

url: 絶対アドレスまたは相対アドレスを使用して指定します外部スタイルシートファイルをインポートします。 CSSファイルを紹介するリンクに相当します。 (link と @import の違いとその選択方法を学びましょう)

css @import は一般的に使用される 2 つの方法を使用します

最初の方法: HTML ソース コード (HTML ファイル内) に直接導入外部スタイル シート CSS ファイル

html ファイルindex.html コード: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>import使用实例</title>
<style>
@import url(images/style.css);
</style>
</head>
<body>
<span class="wai">实例测试内容</span>
</body>
</html>
ログイン後にコピー

style.css 画像フォルダー内のコード: 

@charset "utf-8";
/* php - www.php.cn */
.wai{ color:#F00}
ログイン後にコピー

効果は次のとおりです。

@import はどのように CSS ファイルを導入しますか?何か方法はありますか

##上記のとおり、HTML コードで @import を使用するには、style タグを使用する必要があります。

概要: @import を使用して外部 CSS スタイル シート ファイルを HTML ソース コードに直接導入するには、CSS コードを HTML に直接記述するのと同じように、@import を

以上が@import はどのように CSS ファイルを導入しますか?何か方法はありますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
@import 方法
ソース：thinkcss.com
前の記事：div word spacing - div 内のテキスト間の間隔を設定する方法 次の記事：CSSコードからハイパーリンクテキストを非表示にする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
React でスリーステート スイッチングを実装する最良の方法は? React で、ある状態から次の状態への状態変更をトリガーするボタンをいくつか作成しています。ボタンの中には、列挙型で表される 3 つの状態を持つものもあります。これら 3 つの状...
から 2024-04-06 13:51:32
0
1
418
Supabase を使用して Next.js ルートを保護する 保護ページを作成してルート保護を実装しています。ユーザーがログインしていないときは保護するページでそれをラップしますが、ユーザーがログインしている場合はログインページに戻されます。...
から 2024-04-06 11:13:00
0
1
430
Expo はフォントを読み込めません Expo でフォントをロードしようとしましたが、同じエラーが発生し続けます。私のコードは次のとおりです: 私の Index.js は次のようになります: importWelcome...
から 2024-04-05 15:18:52
0
1
3611
React では、localstorage.getItem は null を返します Index.js：importReactfrom'react';importReactDOMfrom'react-dom/client';import'./index.css';i...
から 2024-04-05 14:18:19
0
1
1523
createTheme を使用して、MaterialCSS でカスタム H1、H2、H3 スタイルを定義する方法 NextJS と MaterialCSS を使用するアプリがあり、次のテーマを作成しました: import{createTheme}from'@mui/material/style...
から 2024-04-05 12:38:32
0
1
1363
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート