1
、字體屬性
(type)
font-family(
使用什么字體
)
font-style(
字體的樣式，是否斜體
)
：
normal/italic/oblique
font-variant(
字體大小寫
)
：
normal/small-caps
font-weight(
字體的粗細(xì)
)
：
normal/bold/bolder/lithter
font-size(
字體的大小
)
：
absolute-size/relative-size/length/percentage
2
、顏色和背景屬性
(backgroud)
color(
定義前景色，例如：
p{color:red})
background-color(
定義背景色
)
background-image(
定義背景圖片
)
background-repeat(
背景圖案重復(fù)方式
)
：
repeat-x/repeat-y/no-repeat
background-attachment(
設(shè)置滾動(dòng)
)
：
scroll(
滾動(dòng)
)/fixe(
固定的
)
background-position(
背景圖案的初始位置
)
：
percentage/length/top/left/right/bottom
3
、文本屬性：
(block)
定義間距：
word-spacing(
單詞之間的距離
)
letter-spacing(
字母之間的距離
)
text-decoration(
定義文字的裝飾
)
：
nore/underline/overline/line-through/blink
vertical-align(
元素在垂直方向的位置
)
：
baseline(
基線
)/sub/super/top/text-top/middle/bottom/text-bottom
text-transform(
使文本轉(zhuǎn)換為其它方式
)
：
capitalize(
大寫
)/uppercase(
首字母大寫
)/lowercase(
小寫
)/none
text-align(
文字的對(duì)齊
)
：
left/right/center/justify
text-indent(
文本的首行縮進(jìn)
)length/percentage
line-height(
文本的行高
):normal/numbet/lenggth/percentage(
百分比
)
定義超鏈接：
a
：
link {color:green;text-decoration:nore}(
未訪問(wèn)過(guò)的狀態(tài)
)
a
：
visited {color:ren;text-decoration:underline;16pt}(
訪問(wèn)過(guò)的狀態(tài)
)
a:hover {color:blue;text-decoration:underline;16pt}(
鼠標(biāo)激活的狀態(tài)
)
4
、塊屬性
(block)
邊距屬性：
margin-top(
設(shè)置頂邊距
)
margin-right(
設(shè)置右邊距
)
margin-bottom(
設(shè)置底邊距
)
margin-left(
設(shè)置左邊距
)
填充距屬性：
padding-top:(
設(shè)置頂端真充距
)
padding-right:(
設(shè)置頂端真充距
)
padding-bottom:(
設(shè)置頂端真充距
)
padding-left:(
設(shè)置頂端真充距
)
5
、邊框?qū)傩?/span>
(border)
border-top-width(
頂端邊框?qū)挾?/span>
)
border-right-width(
右端邊框?qū)挾?/span>
)
border-bottom-width(
底端邊框?qū)挾?/span>
)
border-left-width(d
左邊框?qū)挾?/span>
)
border-width(
一次定義邊框?qū)挾?/span>
)
border-color(
設(shè)置邊框顏色
)
border-style(
設(shè)置邊框樣式
)
border-top(
一次定義頂端各種屬性
)
border-right(
一次定義右端各種屬性
)
border-bottom(
一次定義底端各種屬性
)
border-left(
一次定義左端各種屬性
)
圖文混排：
width(
定義寬度屬性
)
height(
定義高度屬性
)
float(
文字環(huán)繞在一個(gè)元素的四周
)
clear(
定義某一邊是否有環(huán)繞
)
6
、項(xiàng)目符號(hào)和編號(hào)
(list)
display(
定義是否顯示
)
white-space(
怎樣處理空白部分
)
：
normal/pre/nowrap
list-style-type(
在列表前加項(xiàng)目符號(hào)
)disc(
圓點(diǎn)
)/circle(
圈
)/square
（方形）
/decimal
（阿拉伯?dāng)?shù)字）
/lower-roman(
小寫羅馬數(shù)字
)/upper-roman(
大寫羅馬數(shù)字
)/lower-alpha(
小寫英文字母
)/upper-alpha(
大寫英文字母
)/nore
list-style-tyle(
在列表前加圖案
):<url>/none
list-style-position(
決定列表項(xiàng)中第二行的起邕位置
)
list-style(
一次性定義所有屬性
)
7
、定位（
positioning
）
即層屬性
Type
：設(shè)定對(duì)象的定位方式。
有三種方式：
Absolute
（絕對(duì)定位）、
Relative
（相對(duì)定位）、
Static
（無(wú)特殊定位）。相對(duì)應(yīng)的
CSS
屬性是
?”position?”
。
Visibility
：設(shè)定對(duì)象定位層的最初顯示狀態(tài)。有三種狀態(tài)：
Inherit
（繼承父層的顯示屬性）、
Visible
（對(duì)象可視）、
Hidden
隱藏對(duì)象。相對(duì)應(yīng)的
CSS
屬性是
?”visibility?”
。
Z-Index
：設(shè)置對(duì)象的層疊順序。編號(hào)較大的層會(huì)顯示在編號(hào)較小的層上邊。變量值可以是正值也可以是負(fù)值。相對(duì)應(yīng)的
CSS
屬性是
?”z-index?”
。
Overflow
：設(shè)置如果層的內(nèi)容超出了層的大小時(shí)如何處理。有四種處理方式：
visible
，增加層的大小，從而將層的所有內(nèi)容顯示出來(lái)；
hidden
，保持層的大小不變，將超出層的內(nèi)容剪裁掉；
Scroll
，總是顯示滾動(dòng)條；
Auto
，只有在內(nèi)容超出層的邊界時(shí)才顯示滾動(dòng)條。相對(duì)應(yīng)的
CSS
屬性是
?”overflow?”
。
Placement
：設(shè)置對(duì)象定位層的位置和大小。可以分別設(shè)置
left
（左邊定位）、
top
（頂部定位）、
width
（寬）、
height
（高）。相對(duì)應(yīng)的
CSS
屬性分別是
?”left; top; width; height?”
。
Clip
：定義定位層的可視區(qū)域。區(qū)域外的部分為不可視區(qū)，為透明的。可以理解為在定位層上放一個(gè)矩形遮罩的效果。相對(duì)應(yīng)的
CSS
屬性是
?”clip?”
。
8
、擴(kuò)展（
Extensions
）
Pagebreak
：在打印的時(shí)候強(qiáng)迫在樣式控制的對(duì)象前后換頁(yè)。
Before
：設(shè)置對(duì)象前出現(xiàn)的頁(yè)分割符。設(shè)置為
always
時(shí)，始終在對(duì)象之前插入頁(yè)分割符。相對(duì)應(yīng)的
CSS
屬性是
?”page-break-before?”
。
After
：設(shè)置對(duì)象后出現(xiàn)的頁(yè)分割符。設(shè)置為
always
時(shí)，始終在對(duì)象之后插入頁(yè)分割符。相對(duì)應(yīng)的
CSS
屬性是
?”'>
。
注意：以上
IE5
僅支持
always
值和空白值（
null
）。
Cursor
：當(dāng)鼠標(biāo)滑過(guò)樣式控制的對(duì)象時(shí)改變鼠標(biāo)形狀。可以設(shè)置為
hand
（手型）、
crosshair
（
?”
十
?”
型）、
text
（
?”I?”
型）、
wait
（等待）、
default
（默認(rèn)）、
help
（幫助）、
e-resize
（東箭頭）、
ne-resize
（東北箭頭）、
n-resize
（北箭頭）、
nw-resize
（西北箭頭）、
w-resize
（西箭頭）、
sw-resize
（西南箭頭）、
s-resize
（南箭頭）、
se-resize
（東南箭頭）和
auto
（自動(dòng)）。
Filter
：在樣式中加上濾鏡特效。由于此屬性內(nèi)容比較多，我們將到下一章單獨(dú)對(duì)濾鏡介紹。
1. Alpha
：設(shè)置透明度
Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity
：透明度級(jí)別，范圍是
0-100
，
0
代表完全透明，
100
代表完全不透明。
FinishOpacity
：設(shè)置漸變的透明效果時(shí)，用來(lái)指定結(jié)束時(shí)的透明度，范圍也是
0
到
100
。
Style
：設(shè)置漸變透明的樣式，值為
0
代表統(tǒng)一形狀、
1
代表線形、
2
代表放射狀、
3
代表長(zhǎng)方形。
StartX
和
StartY
：代表漸變透明效果的開始
X
和
Y
坐標(biāo)。
FinishX
和
FinishY
：代表漸變透明效果結(jié)束
X
和
Y
的坐標(biāo)。
?
2. BlendTrans
：圖像之間的淡入和淡出的效果
BlendTrans(Duration=?)
Duration
：淡入或淡出的時(shí)間。
注意：這個(gè)濾鏡必須配合
JS
建立圖片序列，才能做出圖片間效果。
3. Blru
：建立模糊效果
Blur(Add=?, Direction=?, Strength=?)
Add
：是否單方向模糊，此參數(shù)是一個(gè)布爾值，
true
（非
0
）或
false
（
0
）。
Direction
：設(shè)置模糊的方向，其中
0
度代表垂直向上，然后每
45
度為一個(gè)單位。
Strength
：代表模糊的象素值。
4. Chroma
：把指定的顏色設(shè)置為透明
Chroma(Color=?)
Color
：是指要設(shè)置為透明的顏色。
5. DropShadow
：建立陰影效果
DropShadow(Color=?, OffX=?, OffY=?, Positive=?)
Color
：指定陰影的顏色。
OffX
：指定陰影相對(duì)于元素在水平方向偏移量，整數(shù)。
OffY
：指定陰影相對(duì)于元素在垂直方向偏移量，整數(shù)。
Positive
：是一個(gè)布爾值，值為
true
（非
0
）時(shí)，表示為建立外陰影；為
false(0)
，表示為建立內(nèi)陰影。
6. FlipH
：將元素水平反轉(zhuǎn)
7. FlipV
：將元素垂直反轉(zhuǎn)
8.
Glow
：建立外發(fā)光效效果
Glow(Color=?, Strength=?)
Color
：是指定發(fā)光的顏色。
Strength
：光的強(qiáng)度，可以是
1
到
255
之間的任何整數(shù)，數(shù)字越大，發(fā)光的范圍就越大。
9. Gray
：去掉圖像的色彩，顯示為黑白圖象
10. Invert
：反轉(zhuǎn)圖象的顏色，產(chǎn)生類似底片的效果
11. Light
：放置光源的效果，可以用來(lái)模擬光源在物體上的投影效果
注意：此效果需要用
JS
設(shè)置光的位置和強(qiáng)度。
12. Mask
：建立透明遮罩
Mask(Color=?)
Color
：設(shè)置底色，讓對(duì)象遮住底色的部分透明。
13. RevealTrans
：建立切換效果
RevealTrans(Duration=?, Transition=?)
Duration
：是切換時(shí)間，以秒為單位。
Transtition
：是切換方式，可設(shè)置為從
0
到
23
。
注意：如果做頁(yè)面間的切換效果，可以在
<head>
區(qū)加上一行代碼：
<Meta http-equiv=Page-enter content=revealTrans(Transition=?,Duration=?) >
。如果用在頁(yè)面里的元素必須配合
JS
使用。
14. Shadow
：建立另一種陰影效果
Shadow(Color=?, Direction=?)
Color
：是指陰影的顏色。
Direction
：是設(shè)置投影的方向，
0
度代表垂直向上，然后每
45
度為一個(gè)單位。
15. Wave
：波紋效果
Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?)
Add
：表示是否顯示原對(duì)象，
0
表示不顯示，非
0
表示要顯示原對(duì)象。
Freq
：設(shè)置波動(dòng)的個(gè)數(shù)。
LightStrength
：設(shè)置波浪效果的光照強(qiáng)度，從
0
到
100
。
0
表示最弱，
100
表示最強(qiáng)。
Phase
：波浪的起始相角。從
0
到
100
的百分?jǐn)?shù)值。（例如：
25
相當(dāng)于
90
度，而
50
相當(dāng)于
180
度。）
Strength
：設(shè)置波浪搖擺的幅度。
16.
Xray
：顯現(xiàn)圖片的輪廓，
X
光片效果
注意：在使用
CSS
濾鏡時(shí)，必須使用在有區(qū)域的元素，比如表格，圖片等。而文本，段落這樣沒(méi)有區(qū)域的元素不能使用
CSS
濾鏡，對(duì)這樣的元素我們可以設(shè)置元素的
Height
和
Width
樣式或坐標(biāo)來(lái)實(shí)現(xiàn)。
posted on 2006-04-06 18:03
SIMONE 閱讀(401)
評(píng)論(0) 編輯 收藏