ホームページ  >  記事  >  ウェブフロントエンド  >  @import はどのように CSS ファイルを導入しますか?何か方法はありますか

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

云罗郡主
云罗郡主転載
2018-11-22 16:53:055317ブラウズ

この記事の内容は、@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 サイトの他の関連記事を参照してください。

声明:
この記事はthinkcss.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。