絞盡腦汁 — 如何讓網頁更美觀大方？01

CSS文檔用來改變所有網頁的佈局和樣式，CSS聲明總是以分號 ; 結束，聲明總是用大括號 { } 括起來，CSS註釋以 /* 開始，以 */ 結束

一、CSS Id和Class選擇器

如果你要在HTML元素中設置CSS樣式，你需要在元素中設置 “id” 和 " class"選擇器(在style中設置)

二、CSS 創建

• 外部樣式表
  當樣式需要應用於很多頁面時，每個頁面使用< link >標籤鏈接到樣式表
  
  
  
• 內部樣式表
  
  

三、CSS Backgrounds(背景)

• 背景顏色
  
  
  
  
• 背景圖像
  
  

其中，爲了更加美觀，我們需要設置圖像的相關格式：

• 水平或者垂直平鋪
  
  

• 設置定位與不平鋪
  
  
  
  

四、CSS Fonts(字體)

• 字體樣式
  
  
  
  
• 字體大小 （em，px，%）
  
  
  
  
• 字體系列
  
  
  
  

五、CSS Text(文本)

• 文本顏色和文本縮進
  
  
  
  

• 文本對齊方式
  
  
  
  

• 其他文本屬性

屬性	描述
line-height	設置行高
text-decoration	對文本添加修飾(下劃線，刪除線…)
text-shadow	設置文本陰影
word-spacing	設置字間距

六、CSS 鏈接

常用的幾個：

• a: link - 正常，未訪問過的鏈接
• a: visited - 用戶已訪問過的鏈接
• a: hover - 當用戶鼠標放在鏈接上時
  
  a: hover必須跟在a: link和a: visited後面，a: active必須跟在a: hover之後
  
  

常見的鏈接樣式

• 文本修飾

a:hover {text-decoration:underline;} 

• 背景顏色

a:link {background-color:#B2FF99;}