CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS @importの使用法：ルール

@import： ルールは、別のスタイルシートを現在のスタイルシートにインポートします。これは、スタイルシートの先頭のルールの直前に表示される必要があり、その値はURLです。

例

次のように書くことができます：

<style>
   <!--
      @import "mystyle.css";
      or
      @import url("mystyle.css");
      .......other CSS rules .....
   -->
</style>

@importルールの重要性は、モジュラーアプローチでスタイルシートを開発できることです。さまざまなスタイルシートを作成して、必要な場所に含めることができます。


  1. calc（）CSS関数の使用法

    calc（）プロパティを使用してCSSのプロパティの値を取得します。次のコードを実行して、CSSでcalc（）関数を実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             position: absolute;         &

  2. hsl（）CSS関数の使用法

    Hue-Saturation-Lightnessモデル（HSL）を使用して色を定義するには、hsl（）CSSメソッドを使用します。 例 次のコードを実行して、CSSにhsl（）関数を実装してみてください。 <!DOCTYPE html> <html>    <head>       <style>          h1 {             background-color:hs