CSS的基本知識

一. CSS 使用法
1. link 連結外部 CSS, 在 head 內連結


2. 以 style 標籤寫在 head 中

3. 直接以元素指定樣式(只用一次的用法)

二. CSS 設定法
CSS 語法:
選擇器 {屬性名稱 : 屬性值;}
多項屬性時, 只要以 ; 間隔設定即可

1. 標籤名稱指定
套用所有元素時, 可利用 * {....}

2. id 屬性值指定

3. class 名稱指定為同一樣式
a. 程式內指定類別

b. css 設定統一樣式

4. 滑鼠的連結狀態有四種
link:尚未連結狀態
visited:當連結按過時的狀態
hover:當滑鼠移到連結上時的狀態
active:當滑鼠按下時的連結狀態
使用多種樣式時, 務必以 link->visited -> hover -> active 的順序, 避免無法正確套用

5. 組合選擇器 (1-4 互相組合)

三. 各種屬性
1. 數值時注意單位
px, pt, mm, em , 也可用%(和標準字的比較)
2. 顏色
background-color: White;
background-color: #000000;
background-color: rgb(0,0,0);
background-color: rgb(100%, 100%, 100%);
3. 指定url() 將路徑括起來

另外也可用 " "或 ' ' 括起來
background-image: url("../images/bg.gif");
background-image: url('../images/bg.gif');

Html 預設值

背景-網頁背景都是白色, 大多數標籤如: div, table...等則是透明的

標題: h1-h6 都是粗體, 字體由大到小

文字: 靠左對齊, 由上而下, 預設為黑色

Margin: 許多元素都有預設margin空間

CSS

CSS套用順序 (1<2<3)

1. 瀏覽器預設值

2.外部或內嵌樣式表, 有衝突時以後宣告為表現內容

3.行內樣式

CSS觀念

1. 串接理論 - 最後宣告的最接近實際內容