CSS參考網站
CSS語法教學攻略篇 http://andyliudesign.idv.tw/31
CSS 語法教學 http://css.1keydata.com/tw/
語法 | 基本的css語法縮寫 http://blog.mukispace.com/css-shorthand/
CSS 樣式表簡介 http://www.pt.ntu.edu.tw/hmchai/ptcomputer03_2/hcss/cssintroduction.htm
CSS教程(簡體)http://www.dreamdu.com/css/
===============================
背景控制:
/* XXX */(註解):註解幫助自己看懂,這部分程式不會執行!XXX可以自行填寫!
textarea(文字區塊):這個部分稱作CSS樣式定義類別,一般來說可以自己定義名稱,但是由於這裡我們是要定義HTML語法的標籤
所以是不能更改的!必須使用textarea。當然如果要定義,就改為h1!(★注意: 不用"<>")
background-image(背景影像):看你的圖片位址在何處就怎麼寫!只要填在url()的()裡面即可!
background-attachment(背景附著):在這裡你可以決定背景圖片的位置。
屬性有:scroll:隨著捲軸捲動 inherit:繼承之前的設定 fixed:固定不動
background-repeat(背景重複):看看背景圖片是不是要重複顯示。
屬性有:repeat:重複顯示 no-repeat:不重複顯示 repeat-x:只在X軸重複顯示 repeat-y:只在Y軸重複顯示
background-position(背景位置):決定背景要置中、靠左、靠右的設定。
屬性有:left:靠左對齊 center:置中對齊 right:靠右對齊 top:向上對齊 bottom:向下對齊 inherit:傳統繼承(預設)
width(寬):文字區塊的寬度 (可以不設定,系統會自動設定大小)
height(高):文字區塊的高度 (可以不設定,系統會自動設定大小)
方框控制(邊界、欄位間距)
margin-XXX: 1px; /* 邊界設定縮排 */
padding-XXX: 1px; /* 欄位間距設定 */
邊界屬性設定:屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)
欄位間距設定:屬性有:N px:像素 N pt:點 N in:英吋 N %:百分比 (N為大小,必須為正整數)
PS5 如果你的邊界、欄位間距四個方向(上下左右)都要設定為一樣,語法可以寫成:
margin: N px;
padding:N px;
文字連結控制:
a:設定所有連結的樣式!
a:link:設定連結(正常情況之下)的樣式。
a:visited:設定拜訪過的連結樣式。(也就是點選過的連結)
a:active:設定正在作連結動作時候的樣式。(也就是當你滑鼠按下連結的那時刻)
a:hover:設定當滑鼠移到連結上面時候的連結樣式!
Edited 6 time(s). Last edit at 07/11/2011 11:25PM by JinJin.
(
編輯記錄)