第7天 CSS入門

2021-06-05 09:31:19 字數 2413 閱讀 7793

在了解

xhtml**規

範後,我們就要

進行css布局。首先先介紹一些

css的入門知

識。如果你已

經很熟悉了,可以跳過這一

節,直接進

入下一節。

css是

cascading style sheets(層疊

樣式表)的

縮寫。是一

種對web

文件新增樣式的

簡單機制,屬於表

現層的布局語言。

1.基本語

法規範

分析乙個典型

css的語句:

p

2.顏色

色值可以用rgb

值寫,例如:color : rgb(255,0,0),也可以用十六

進製寫,就象上面例子color:#ff0000。如果十六進製制

值是成對重

復的可以

簡寫,效果一

樣。例如

:#ff0000

可以寫成

#f00

。但如果不重

復就不可以

簡寫,例如

#fc1a1b必須

寫滿六位。

3.定義

字型

web標準推薦如下字型定

義方法:

body

4.群選擇

當幾個元素

樣式屬性一

樣時,可以共同

呼叫乙個宣告,元素之

間用逗號分隔,:p, td, li

5.

派生選擇

可以使用派生選擇器

給乙個元素裡的子元素定

義樣式,例如這樣:

li strong就是給

li下面的子元素

strong定義

乙個斜體不加粗的樣式。

6.id

選擇器

css布局主要用

層"div"來實現

,而div的樣

式通過"id選擇器"

來定義。例如我

們首先定義乙個

然後在樣式表裡這樣定

義:#menubar

其中"menubar"

是你自己定義的

id名稱。注意在前面加

"#"號。 id

選擇器也同

樣支援派生,例如:

#menubar p

這個方法主要用來定

義層和那些比

較複雜,有多個派生的元素。

6.

類別選擇

css裡用乙個點

開頭表示

類別選擇器定義

,例如:

.14px在頁

麵中,用

class="類別名

"的方法呼叫:

14px

大小的字型

個方法比

較簡單靈活,可以隨時根據

頁面需要新建和刪除。

7.定義鏈

接的樣式

css中用四個

偽類來定

義鏈結的

樣式,分別是:

a:link

、a:visited

、a:hover

和a : active

,例如:

a:link

a:visited

a:hover

a:active以上語

句分別定義

了"鏈結、已

訪問過的

鏈結、鼠

標停在上方

時、點下滑鼠時"

的樣式。注意,必

須按以上

順序寫,否

則顯示可能和你

預想的不一樣。

記住它們的

順序是「lvha」。

呵呵,看了

這麼多,有點

頭暈吧,實際上

css的語法

規範還有很多,

這裡列的只是一些常用的,畢竟我

們是循序

漸進,不可能一口吃成胖子

:)

第7天 CSS入門

在了解xhtml 規範後,我們就要進行css布局。首先先介紹一些css的入門知識。如果你已經很熟悉了,可以跳過這一節,直接進入下一節。css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制,屬於表現層的布局語言。分析乙個典型css的語句 p 顏...

第7天 CSS入門

在了解xhtml 規範後,我們就要進行css布局。首先先介紹一些css的入門知識。如果你已經很熟悉了,可以跳過這一節,直接進入下一節。css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制,屬於表現層的布局語言。1.基本語法 規範分析乙個典型c...

使用Web標準建站第7天 CSS入門

在了解xhtml 規範後,我們就要進行css布局。首先先介紹一些css的入門知識。如果你已經很熟悉了,可以跳過這一節,直接進入下一節。css是cascading style sheets 層疊樣式表 的縮寫。是一種對web文件新增樣式的簡單機制,屬於表現層的布局語言。分析乙個典型css的語句 p 顏...