一般的に使用される CSS 略語構文の概要

略語を使用すると、CSS ファイルのサイズが小さくなり、読みやすくなります。 CSS の略語の主なルールは次のとおりです:

カラー

16 進数のカラー値。各 2 桁の値が同じ場合は、半分に省略できます。例:

#000000 は #000 に省略できます。#336699 は #369;

に省略できます。 箱のサイズ

通常、次の 4 つの書き方があります:

• property:value1; すべてのエッジが value1 を持つことを意味します。 property:value1 value2; 上下の値がvalue1、左右の値がvalue2という意味です

• 
  

• property:value1 value2 value3; 上の値が value1、右と左の値が value2、下の値が value3 であることを意味します

• 
  

• property:value1 value2 value3 value4; 4 つの値は上、右、下、左を表します

• 時計回り、右上、左下と覚えておくと便利です。マージンとパディングの具体的な適用例は次のとおりです:
  

  マージン:1em 0 2em 0.5em;
• ボーダー(ボーダー)
  境界線のプロパティは次のとおりです:

border-width:1px;

• ボーダースタイル:ソリッド;

• 
  

• 境界線の色:#000;

• これは 1 つの文に短縮できます: border:1px Solid #000;
  

  構文は
border:width style color;

• 背景

背景の属性は次のとおりです:

背景色:#f00;

• 背景画像:url(background.gif);

• 
  

• 背景の繰り返し:繰り返しなし;

• 
  

• 背景添付:修正済み;

• 
  

• 背景位置:0 0;

• これは、次の 1 つの文に短縮できます。background:#f00 url(background.gif) no-repeat fixed 0 0;
  

  構文は
background:color imagerepeatattachmentposition;

• 1 つ以上の属性値を省略できます。省略した場合、属性値にはブラウザのデフォルト値が使用されます:

。 色: 透明

• 画像: なし

• 
  

• 繰り返し: 繰り返し

• 
  

• 添付ファイル: スクロール

• 
  

• 順位: 0% 0%

• フォント
  

  フォントの属性は次のとおりです:

• フォント スタイル:斜体;

• font-variant:small-caps;

• 
  

• フォントの太さ:太字;

• 
  

• font-size:1em;

• 
  

• 行の高さ:140%;

• 
  

• font-family:"Lucida Grande"、サンセリフ;

• これは 1 つの文に短縮できます: font:italic small-caps ball 1em/140% "Lucida Grande",sans-serif;
  

  フォント定義を省略する場合は、少なくとも 2 つの値 (font-size と font-family) を定義する必要があることに注意してください。
• リスト
  デフォルトのドットとシリアル番号をキャンセルするには、 list-style:none;,

と書くことができます。 リストの属性は次のとおりです:

list-style-type:square;

• list-style-position: inside;

• 
  

• list-style-image:url(image.gif);

• list-style:square inside url(image.gif);
  という 1 つの文に短縮できます。

以上が一般的に使用される CSS 略語構文の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。