CSS復合樣式

2022-03-08 21:38:05 字數 1477 閱讀 6315

關於font

ok,我們先從font來談起。

divok,我們看到,這一系列的操作都是針對font的。這些樣式,其實我們是可以縮寫的。

div5行的**用乙個font搞定,

那麼這樣寫是什麼意思呢?

首先,font系列,也是可以縮寫的

我們來分析一下上面的例子。

divfont-style:italic

font- weight:bold

font-size:14px;

line-height:28px;

font-family: '\5fae\8f6f\96c5\9ed1'; (微軟雅黑的字元編碼)

當然了,這個font還有一些更簡單的寫法。

如果你只有 字型大小 行高 和 字型的話

那麼你就可以這樣寫了 font:14px/28px 『\5fae\8f6f\96c5\9ed1』;

當然 如果你的文字還要加粗的話,可以這樣寫

font:bold 14px/28px 『\5fae\8f6f\96c5\9ed1』;

這幾個屬性理論上沒有順序之分的

規定的順序為:font-style,font-variant,font-weight,font-size,font-family 

關於margin

margin-top: 10px;

margin-right: 10px;

margin-bottom: 10px;

margin-left: 10px;

ok,這麼四個方向的margin都一樣,那麼就可以簡單的寫成margin:10px;了

margin中一些有意思的引數:

margin:0;

當它有乙個值的時:它是4個方向都一樣

margin:0 auto;

當它有兩個值時,第乙個引數代表上下  第二個引數代表左右

margin:0 auto 10px;

當它有三個值時,第乙個是上  第二個是左右,第三個是下

margin:10px 16px 11px 9px;

當他有四個值時,他就是四個方向,順序是乙個順時針的順序,故上 右 下 左 的乙個順序

padding

同margin

關於background

我們可以把他用復合寫法寫成

CSS(五)CSS復合樣式

乙個css屬性只控制一種樣式,叫做單一樣式。乙個css屬性控制多種樣式,叫做復合樣式。復合的寫法,是通過空格的方式實現的。復合寫法有的是不需要關心順序,例如background border 有的是需要關心順序,例如font。1.backgroud red url repeat 0 0 2.bord...

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...

CSS樣式 文字樣式

文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...