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
.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 ...