CSSの@importAt-rules

CSS @importルールは、インポートされたスタイルシートのURLの後にメディアタイプを指定することにより、特定のターゲットメディアのスタイル情報を設定するために使用されます。

構文

以下は構文です-

 @import url（ "/*ファイルパス*/"）mediatypes {CSS-Code;} 

CSSの@importルールの例を見てみましょう：

HTMLドキュメント

例

 <！DOCTYPE html>     head>  

 Vivamus commodo、dolor eu porttitor sagittis、orci nisl consectetur ipsum、vel volutpat nibh lectusaterat。地球の喉はいくつかの利点を利用します。禅は、必要の純粋な斑点のある層から、心配している乗り物です。 
 そうでない場合は運転席で。それから拷問まで何も変わりません。しかし、ライオンのメンバーは乗り物であり、生命の乗り物は時々エリートではありません。今は醜いです、そしてそれが矢のためでなければ、それは全体的なフリンジの恐れです。 


サスペンデはエリートで飾るために笑顔と笑顔が必要です。サスペンドポテンティ。子供たちを生きる、ティーンエイジャーは子供たち。矢印と矢印の前 
 CSSドキュメント（screen.css）
 
 p {色：ネイビー;フォントスタイル：斜体; } .two {色：＃c303c3;フォントサイズ：20px; } body {background-color：honeydew;} CSSドキュメント（print.css）：p {color：red; font-style：italic;}。two {color：＃989898;フォントサイズ：40px; } 
 
出力
 

 ドキュメントが画面のメディアタイプに表示されている場合-
 

  
 

 ドキュメントが印刷メディアタイプで表示される場合-
 

  
 

 CSS@importルールの別の例を見てみましょう-
 
HTMLドキュメント
 
例
 
 <！DOCTYPE html>     / head>

共有スペースで大丈夫です
プライベートスペースが欲しいです


共有スペースでも大丈夫です

私も
  CSSドキュメント（all.css）：p {float：left;マージン：10px;パディング：10px;色：白;背景色：＃48C9B0; border：4px solid＃145A32;} p.noneFloat {float：none;明確：両方;色：＃34495E;} 
 
出力