CSS font屬性的縮寫技巧

2021-08-30 21:12:04 字數 717 閱讀 5490

font :font -style||font -variant||font -weight||font -size||line-height||font -family

詳細說明如下:

font屬性是用來控制文字字型、顏色、大小等。而font的屬性有多種,在通常情況下,

我們用縮寫的辦法將多種屬性概括在一句css**中。這樣極大的減小了**,優化css檔案。

我們常用的font屬性有下面這六種:

font-style設定斜體 如:font-style: italic;

font-weight設定文字粗細 如:font-weight: bold;

font-size設定文字大小 如:font-size: 12px;

line-height設定行距 如:line-height: 150%;

color設定文字顏色(注意不是font-color) 如:color: red;

font-family設定字型 如:font-family : "lucida grande", verdana, lucida, arial, helvetica, 宋體,sans-serif;

上述的屬性,我們可以概括寫在一行font屬性裡。

CSS縮寫技巧

css縮寫的主要規則如下 顏色16進製制的色彩值,如果每兩位的值相同,可以縮寫一半,例如 000000可以縮寫為 000 336699可以縮寫為 369 盒尺寸通常有下面四種書寫方法 方便的記憶方法是順時針,上右下左。具體應用在margin和padding的例子如下 margin 1em 0 2em...

常見DIV CSS縮寫屬性

1 css 文字 font size 12px font weight bold font family arial,helvetica,sans serif line height 22px 即可簡寫縮寫為font 12px 22px bold arial,helvetica,sans serif...

css 常用屬性縮寫

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