Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[CSS] CSS基本名詞彙整

[CSS] CSS基本名詞彙整

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>,就改為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.
(編輯記錄)