CSS簡單樣式練習(五)

2022-04-02 18:23:16 字數 1541 閱讀 1070

執行效果:

源**:

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

.text-content

3334

.green

3738

.red

4142

.text-center

45style

>

46head

>

47<

body

>

48<

div

class

="container"

>

49<

p class

="red text-center title"

>春天

p>

50<

p class

="green text-content"

>

在<

font

class

="red"

>春季

font

>

,地球的北半球開始傾向太陽,

51 受到越來越多的太陽光直射,因而氣溫開始公升高。隨著冰雪消融,河流水位**。<

font

class

="red"

>春季

font

>

植物52

開始發芽生長,許多鮮花開放。冬眠的動物甦醒,許多以卵過冬的動物孵化,鳥類開始遷徙,

53 離開越冬地向繁殖地進發。許多動物在這段時間裡發情,因此中國也將<

font

class

="red"

>春季

font

>

稱為「萬物復甦」

54 的季節。<

font

class

="red"

>春季

font

>氣溫和生物界的變化對人的心理和生理也有影響。

p>

55div

>

56body

>

57html

>

CSS樣式(五) CSS高階

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

CSS(五)CSS復合樣式

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

css簡單樣式

p style color yellow 一段文字 p 選擇器 內部樣式 外聯樣式 建立.css檔案層疊優先順序 內聯 內部 外部 style 元素選擇器 p 類選擇器 first id 選擇器 sec style id 選擇器命名是唯一的奇偶選擇器odd even.first nth child ...