CSS(五)CSS復合樣式

2021-10-03 06:27:18 字數 651 閱讀 7628

乙個css屬性只控制一種樣式,叫做單一樣式。

乙個css屬性控制多種樣式,叫做復合樣式。

復合的寫法,是通過空格的方式實現的。復合寫法有的是不需要關心順序,例如background、border;有的是需要關心順序,例如font。

1.backgroud :red url() repeat 0 0;

2.border:1px red solid;

3.font:

注:最少需要兩個值:size family

weight    style   size   family

style   weight   size   family

weight   style   size/line-height   family

注:盡量不要混寫,如果非要混寫,那麼一定要先寫復合樣式再寫單一樣式。

<

!doctype html>

"en"

>

"utf-8"

>

css復合樣式

div

mw

效果圖

CSS復合樣式

關於font ok,我們先從font來談起。divok,我們看到,這一系列的操作都是針對font的。這些樣式,其實我們是可以縮寫的。div5行的 用乙個font搞定,那麼這樣寫是什麼意思呢?首先,font系列,也是可以縮寫的 我們來分析一下上面的例子。divfont style italic fon...

CSS樣式(五) CSS高階

1.每個塊級元素預設佔一行高度,一行內新增乙個塊級元素後無法一般無法新增其他元素 float浮動後除外 2.兩個塊級元素連續編輯時,會在頁面自動換行顯示。塊級元素一般可巢狀塊級元素或行內元素 常見塊級元素 1 div 常用塊級容易,也是css layout的主要標籤 2 dl 定義列表 3 h1 h...

CSS簡單樣式練習(五)

執行效果 源 1 doctype html 2 html lang zh 3 head 4 meta charset utf 8 5 title 春天 title 6 style type text css 78 1314body 1819 title 2425 container 2930 tex...