CSS縮寫技巧

2021-04-02 14:19:40 字數 865 閱讀 6347

css縮寫的主要規則如下:

顏色16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如:

#000000可以縮寫為#000;#336699可以縮寫為#369;

盒尺寸通常有下面四種書寫方法:

方便的記憶方法是順時針,上右下左。具體應用在margin和padding的例子如下:

margin:1em 0 2em 0.5em;

邊框(border)

邊框的屬性如下:

可以縮寫為一句:border:1px solid #000;

語法是border:width style color;

背景(backgrounds)

背景的屬性如下:

可以縮寫為一句:background:#f00 url(background.gif) no-repeat fixed 0 0;

語法是background:color image repeat attachment position;

你可以省略其中乙個或多個屬性值,如果省略,該屬性值將用瀏覽器預設值,預設值為:

字型(fonts)

字型的屬性如下:

可以縮寫為一句:font:italic **all-caps bold 1em/140% "lucida grande",sans-serif;

注意,如果你縮寫字型定義,至少要定義font-size和font-family兩個值。

列表(lists)

取消預設的圓點和序號可以這樣寫list-style:none;,

list的屬性如下:

可以縮寫為一句:list-style:square inside url(image.gif);

使用CSS縮寫

css縮寫 零 background縮寫 1 background屬性的值的書寫順序官方沒有強制標準。2 為了可讀性,一下順序是符合css書寫規範的 background background color background image background repeat background a...

CSS主要縮寫規則

使用縮寫可以幫助減少你css檔案的大小,更加容易閱讀。css縮寫的主要規則如下 顏色16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000可以縮寫為 000 336699可以縮寫為 369 盒尺寸通常有下面四種書寫方法 方便的記憶方法是順時針,上右下左。具體應用在margin和pa...

css 常用屬性縮寫

使用縮寫可以幫助減少你css檔案的大小,更加容易閱讀。css縮寫的主要規則如下 顏色 16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000可以縮寫為 000 336699可以縮寫為 369 盒尺寸 通常有下面四種書寫方法 property value1 表示所有邊都是乙個值val...