略語を使用すると、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;
国境
境界線のプロパティは次のとおりです。
ボーダー幅: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;
構文は、背景:カラー画像の繰り返し添付位置です。
1 つ以上の属性値を省略できます。省略した場合、属性値にはブラウザのデフォルト値が使用されます。
色: 透明
画像：なし
繰り返す：繰り返す
付属品：スクロール
位置: 0% 0%
フォント
フォントのプロパティは次のとおりです。
フォントスタイル:斜体;
フォントバリアント:小文字;
フォントの太さ:太字;
フォントサイズ: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; と記述します。
リストのプロパティは次のとおりです。
リストスタイルタイプ:正方形;
リストスタイルの位置:内側;
リストスタイルイメージ:url(image.gif);
これは次の 1 つの文に短縮できます。 list-style:square inside url(image.gif);