狠狠撸

網頁設計
授課老師楊凱翔
助教林侑立

什麼是CSS?
? 一種為結構化文件(HTML、XML)添加樣式的電腦語言

CSS範例(1)
? 方法1：
<font color="red">Google</font>
? 方法2：

CSS範例(2)
? 方法3：
? Step1. 建立一个颁厂厂档

CSS範例(3)
? Step2. 新檔案中寫入相同程式碼
? Step3. 原始網頁檔增加<link />連結標籤

選擇器(1)
? 萬用選擇器:
? 所有元件做為要套用樣式規則的對象，命名格式為星號(*)

選擇器(2)
? 類型選擇器:
? 以某個HTML元件(標籤)做為要套用樣式規則的對象

選擇器(3)
? 後續選擇器:
? 以某個HTML元件的後續元件，做為要套用樣式規則的對象
+

選擇器(4)
? 類別選擇器:
? 以隸屬於指定類別的HTML元件做為要套用樣式規則的對象，
其命名為「*.XXX」或「.XXX」，星號可不寫
+

選擇器(5)
? ID選擇器:
? 以符合指定ID(識別字)的HTML元件做為要套用樣式規則的對
象，其命名格式為「*#XXX」或「#XXX」，星號可不寫
+

CSS常用指令
? color：文字顏色
? font-family：字型
? font-size：字體大小
? 其他：
? CSS屬性表
? http://www.study-area.org/coobila/tutorial_306.html
? CSS參考手冊
? http://www.w3school.com.cn/css/css_reference.asp

教學步驟1
?先到官方網址:
http://lokeshdhakar.com/projects/lightbox2/

教學步驟2
點擊下載，並將解壓縮的檔案放到對應的位址

教學步驟3
注意檔案路徑的設置
放到<title …>下面
? 加進網站中

教學步驟4
? 加入相片超連結的HTML

參考資料
? Google網路資源
? 碁峰第三版網頁程式設計
? Lightbox 官方網站

狠狠撸

网页设计2

More Related Content

网页设计2