在了解
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 顏...