CSS コード省略 div+css レイアウトコード省略仕様

略語を使用すると、CSS ファイルのサイズが小さくなり、読みやすくなります。 CSS 省略形の主なルールについては、「一般的な CSS 省略形構文の概要」を参照してください。CSS 省略形の主なルールは次のとおりです。

色
16進数のカラー値の2桁ごとの値が同じ場合は、次のように半分に短縮できます。
#000000 は #000 と省略できます。#336699 は #369 と省略できます。

注意: フルテキストと省略されたカラー設定を同じ CSS 設定セクションに交互に配置しないでください。システムリソースが極端に少ない場合にブラウザーのレンダリングエラーが発生します。

ボックスサイズ<br />通常、次の 4 つの書き方があります。
property:value1; は、すべてのエッジの値が value1 であることを意味します。
property:value1 value2; は、上と下の値がvalue1、右と左の値がvalue2であることを意味します。
property:value1 value2 value3; は、上の値がvalue1、右と左の値がvalue2、下の値がvalue3であることを意味します。
プロパティ:値1 値2 値3 値4; 4つの値はそれぞれ上、右、下、左を表します
覚えやすい方法は、時計回りに、上、右、下、左と覚えることです。マージンとパディングの具体的な適用例は次のとおりです。
マージン:1em 0 2em 0.5em;

国境
境界線のプロパティは次のとおりです。
境界線の幅:1px;
境界線スタイル:solid;
境界線の色:#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 image repeat attachment position; です。

これらのプロパティ値の 1 つ以上を省略できます。省略した場合、プロパティ値には次のブラウザのデフォルト値が使用されます。

色: 透明
画像: なし
繰り返し: 繰り返し
添付ファイル: スクロール
位置: 0% 0%

フォント
フォントのプロパティは次のとおりです。
フォントスタイル:斜体;
フォントバリアント:small-caps;
フォントの太さ:太字;
フォントサイズ:1em;
行の高さ:140%;
フォントファミリー:"Lucida Grande"、サンセリフ;
これは文中に省略できます: font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
フォント定義を省略する場合は、少なくとも font-size と font-family の 2 つの値を定義する必要があることに注意してください。

リスト
デフォルトのドットとシリアル番号をキャンセルするには、list-style:none;と記述します。

リストのプロパティは次のとおりです。
リストスタイルタイプ:正方形;
リストスタイルの位置:内側;
リストスタイルの画像:url(image.gif);
これは 1 つの文に短縮できます: list-style:square inside url(image.gif);

<<: MySQL の例 DTID マスタースレーブ原理の分析

>>: line-height=height要素の高さだがテキストが垂直方向に中央揃えされない問題を解決する