3/25 DHTML

第七章─樣式表

• CSS格式一

使用STYLE屬性將CSS語法嵌入HTML之中。

〈Tag style="attribute：value"〉

P.S 若有多重屬性，應使用"；"隔開

• CSS格式二

使用STYLE元素預作定義，藉以延伸原有HTML元素之屬性效果。

〈STYLE〉
          
          Tag  {attribute：value}

〈/STYLE〉

P.S直接使用該Tag即有效果!

• CSS格式三

使用STYLE元素預作定義，將多個屬性設計為一群組。

〈STYLE〉

.style{attribute:value}

〈/STYLE〉

P.S 使用時須利用Class屬性套用


※常用之CSS屬性
1.Color      字體色彩
2.font-size  字體大小
3.font-family   字型名稱
4.background-color   背景
5.width   寬度
6.height  高度
7.text-align  文字排列
8.border   線條    EX：solid、double、dashed、dotted
9.display   顯示與否
10.cursor   游標樣式
11.position   定位方式
12.top/bottom/leftt/right   定位座標
13.text-decoration   底線  EX：none...

※DOM
Document Object Model
將HTML文件中的元素物件化並以物件導向或語言的控制方式操控之

P.S經常須搭配evennthandler來產生互動

格式：
〈Tag eventhandler="object.proterty='value'"〉

※實例操作：

• CSS-九宮格

• CSS-美麗的按鈕

 CSS-超連結立體變化及游標變化

滑鼠移過來

網工79

網工78


我的IT學習之路

LIFE學習網站

• CSS-DOM

KIMO

KIMO

KIMO

• CSS-手動換圖

---