略語を使用すると、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 つの値は上、右、下、左を表します
時計回り、右上、左下と覚えておくと便利です。マージンとパディングの具体的な適用例は次のとおりです:
ボーダースタイル:ソリッド;
境界線の色:#000;
これは 1 つの文に短縮できます: border:1px Solid #000;
背景色:#f00;
背景画像:url(background.gif);
背景の繰り返し:繰り返しなし;
背景添付:修正済み;
背景位置:0 0;
これは、次の 1 つの文に短縮できます。background:#f00 url(background.gif) no-repeat fixed 0 0;
画像: なし
繰り返し: 繰り返し
添付ファイル: スクロール
順位: 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;
list-style-position: inside;
list-style-image:url(image.gif);
list-style:square inside url(image.gif);
という 1 つの文に短縮できます。
以上が一般的に使用される CSS 略語構文の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。