visual rules

1445 ワード

フォント
  • フォント
    font-familyプロパティ(property)を使用します.
    注意:
  • に表示されているフォントは、ユーザーのパソコンにインストールするか、Webサイトにダウンロードする必要があります.
  • Webセーフフォントは、ほとんどのブラウザおよびオペレーティングシステムでサポートされているフォントグループです.
  • Webセキュリティフォントを使用しない場合(https://www.cssfontstack.com/を参照)、すべてのブラウザおよびオペレーティングシステムに同じ内容が表示されない場合があります.
  • のフォント名が2つ以上の単語で構成されている場合は、フォント名を引用符で囲むことが望ましい.
  • h1 {
      font-family: 'Courier New';
    }

  • フォントサイズ
    font-sizeプロパティを使用します.数字の後ろにpxを付ける.

  • フォントの太さ
    font-weightプロパティを使用して太さを調整します.bold、normalの値があり、特定の要素の太さだけを設定することもできます.

  • テキスト・スキーマ
    text-alignプロパティは、画面に表示されるテキストを並べ替えるために使用されます.left、center、right、previdence(両側揃え)の値があります.

  • 色:
    colorは、要素(テキスト)の前景色と、背景-color要素の後景色を指定します.

  • 不透明度()
    不透明度は要素の不透明度を制御します.0~1の値をとります.

  • 背景画像
    background-imageプロパティを使用して、要素の背景に画像を表示します.url(「画像外部または内部パス(画像格納プロジェクトフォルダ)」
  • .main-banner {
      background-image: url('https://www.example.com/image.jpg');
    }
    혹은
    .main-banner {
      background-image: url('images/mountains.jpg');
    }
  • important
    とにかく具体的なスタイル!important; 横に書くと、このスタイルが優先されます.
  • p {
      color: blue !important;
    }
     
    .main p {
      color: red;
    }