CSSの@importの使い方

1396 ワード

CSSの@importの使い方:
@importは多くのページで応用されていますが、使用頻度はlinkラベルよりも少ないので、あまり詳しくないレイアウトも多いかもしれませんが、簡単にその使い方を紹介します.外部スタイルシートを導入する方法の1つです.フォーマットは次の2つです.
@import "style.css";
@import url("style.css");

@importは、ページに外部スタイルシートを導入することも、1つのスタイルシートに別のスタイルシートを導入することもできます.コードの例は次のとおりです.
例1:
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>    </title> 
<style type="text/css">@import "mytest/div+css/mytest.css";</style> 
</head> 
<body> 
<div id="mytest">    </div> 
</body> 
</html>

以上のコードは@importでWebページに外部スタイルシートを導入し、フォント色を赤に設定します.
例2:
@importはまた、1つのスタイルファイルに他のスタイルファイルを導入することもできます.例えば、1つのサイトのコード量が大きく、CSSスタイルシートファイルも膨大であるため、この方法で異なる機能モジュールのスタイルコードをそれぞれのスタイルシートに入れ、@importを通じて1つのマスタースタイルシートに導入することができます.
@charset "utf-8";
/* CSS Document */
@import url("one.css");
@import url("two.css");
@import url("three.css");

原文の住所は次のとおりです.http://www.51texiao.cn/div_cssjiaocheng/2015/0503/585.html
最も元のアドレスは次のとおりです.http://www.softwhy.com/