最近, 好多做了一半的事情,  沒個結束, 總是心虛, 不踏實, 不知不覺間, 一年又到盡頭了, 看著自己的部落格, 回想起去年的我在忙些什麼, 也提醒自己忘了些什麼, 看著自己慢慢從雜亂中學習到略有條理時, 又陷入另一個雜亂中, 不小心就遺失了之前的條理, 希望在未來的一年中, 能好好將學習落實到自己網站中, 我可愛的udn, 就是我最佳的資料庫, 繼續加油囉!! 

一. 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. 串接理論 - 最後宣告的最接近實際內容

2. 繼承理論 - 

程式碼導覽器 - 設計檢視中插入游標, 等一下會出現船舵圖示->點擊進人

當有衝突時, 下層會覆寫上層規則

html width:

不設定時, 預設值=瀏覽器視窗

Width: 50% = 瀏覽器視窗50%

Width: 200 pixels=不論瀏覽器視窗尺寸, 固定 200px 

Width: 10 ems =網頁設定字型為單位的大小

height:

float: 未設定時, 由上而下, 排列 

 不論大小, 皆以預設靠左排列

 設定 float 時, 將採浮動, 依尺寸大小塞進空間內

 CSS 可一次設定多個元素, 以逗號分隔即可!

之前囫圇吞棗的筆記, 也幫了我不少忙, 都是曾經的學習記錄!

CSS 筆記