常用CSS样式属性CSＳ样式表
———————————————————————————————— 作者：
————————————————————————————————日期:
常用ＣSS样式属性|ＣＳS样式表
【长度单位】
CSS可使用长度单位
单位
单位说明
范例
ｐｔ
Poiｎｔ,就像是Worｄ里面的Poiｎt一样大小
数字
【文字设定可用值】
CSS可用文字设定值
名称
说明
可能值
范例
font
文字设定
以下所有皆可使用
fｏnｔ:ａrｉal
ｆonｔ-famｉly
字体
字体名称
font-familｙ:arial
foｎｔ-size
字体大小
百分比或是数字(单位)
font-sizｅ:12px
font-sｔyle
字型样式
normａl(普通)
bordｅr-style
ｂｏrder-（框线位置)-stｙle
边框样式
noｎe(无边框)
ｄotted(点线)ﻫdａshｅd(虚线)
solid(实线)
doｕble(双线)
groｏve（立体凹线)
ridｇe(立体凸线)ﻫinset（立体嵌入线)ﻫouｔｓet(立体隆起线)
borｄｅｒ－styｌｅ:dotted
％
百分比,大部分是指所在位置宽度或者长度百分比
font-sｉｚｅ:１0%
【颜色表示】
CＳS可用颜色表示方式
表示方式
表示方式说明
范例
#rrgｇｂb
可以用Wｉnｄows色彩选择工具找到
colｏｒ：＃ｆeefｃ7
rｇｂ(#,#,#)
用数字来表示红色蓝色以及绿色的混合．..也可以用Wiｎdoｗｓ色彩选择工具找
fｏｎ-sizｅ:１0pt
px
Pixels，依您屏幕分辨率而决定大小
ｆont-siｚe:10px
pc
Piｃa,6个Pica是一英吋
font-size:10pc
mｍ
公厘，用过尺..．这个设定值完全不会因为其它设定而改变
font－ｓiｚe：１0mm
ｃｍ
公分,不会因为使用者设定而改变
fｏnt-sｉｚｅ：１0cｍ
fｏｎt-ｗeighｔ:ｂolder
leｔteｒ－spａｃing
字符相距
ｎormaｌ(普通)ﻫ数字(预设为0)
ｌｅtter-spacing:5
ｔｅxｔ-ａｌｉｇn
字符对齐
ｌeft(左边)ﻫｒight(右边)
ｃenｔｅｒ(中间）
justifｙ(左右平分)
tｅｘt-align:ｊｕstify
text-decoｒａtion
italic(斜体)
oｂｌiquｅ（斜体)
font-sｔyle:italｉc
font－variａnt
字型特别样式
noｒmal(普通）ﻫsmａlｌ-ｃaｐs（大小英文字母)
ｆoｎt-vａｒiaｎt:sｍall-caps
font-weiｇｈt
字型粗细
normａl(普通)
bｏｌd(粗体）
ｂｏlｄeｒ（超粗体)ﻫlｉghter(细体)ﻫ数字(400=noｒmaｌ7０0=bold）
bｏrder－width
borｄer-(框线位置)-ｗidtｈ
边框宽度
数字
boｒdｅr－widｔh:5
paｄdｉng
边框补白
数字
padding:５
【鼠标设定】
高度
aｕｔo（自动决定)
数字
ｈeight：100
ｚ－indeｘ
Z轴高度(立体,是否在另一个组件之上)
ａｕto（自动决定)ﻫ数字
z-ｉndex:1３５
ｐositｉｏn
定位方式
absoluｔe
（绝对寻址－依窗口坐标,原点为父窗口左上角）ﻫrｅｌativｅﻫ(相对定位-以一般网页排列[rigｈt.ceｎter．leｆt]后再根据坐标定位,原点为定位后的位置)
backgｒound:fixed
backｇｒoｕnd-attachmenｔ
背景图性是否固定
ｆixed, scroll
baｃkｇrｏｕnd-ａtｔａchｍｅｎｔ:fixeｄ
background-cｏlor
背景颜色
颜色
traｎsｐａrent（透空)
ｂaｃkｇrｏuｎ-coｌor:yeｌlｏｗ
baｃｋｇrouｎd-ｉmage
static
(静态定位-以一般网页排列)
posｉtｉon：absolute
tｏp(对象的ｐｏsiｔion属性须为absolｕte或rｅlａtｉｖe）
对象的Y坐标(原点根据postion属性有所不同)
数字
leｆｔ(对象的poｓitiｏn属性须为absｏluｔe或ｒelaｔｉve)
对象的X坐标(原点根据ｐoｓtioｎ属性有所不同）
【表格设定】
ＣＳS可用表格设定值框线位置:（上-top．下-ｂｏtｔｏm.左-ｌeft.右－right)
名称
说明
可能值
范例
ｂｏｒｄer
表格边框设定
以下所有皆可使用ﻫ
boｒｄｅr:greｅn
bｏｒdｅｒ-ｃoloｒ
bordeｒ-(框线位置)－ｃolor
边框颜色
任何颜色表示方法
bordeｒ-ｃoｌoｒ:bluｅ
coｌor:rgｂ(135，2５5,124）
rgｂ(%,％,%)
用百分比来代表红色蓝色以及绿色的强度来混合颜色
cｏlor:rgb（70%,3５%，4１％)
颜色名称
用颜色的名称来指定颜色
cｏlｏｒ:brown
【背景可用值】
ＣSS可用背景值
名称
说明
可能值
范例
bacｋｇround
背景
下面的背景设定值皆适用
bacｋｇrouｎd-repeaｔ：reｐｅat
【属性可用值】
CＳS可用属性值
名称
说明
可能值
范例
ｖisibility
显示或是隐藏
inherｉt(父组件决定)
hiｄdeｎ(隐藏)
visible(显示)
vｉｓibiｌｉty：hiddｅn
ｗidth
宽度
ａｕｔo(自动决定)ﻫ数字
ｗiｄth：１3５
heｉghｔ
背景图片
nonｅ(无背景图)
url(****)(图片位置)
bacｋgｒｏund－iｍａge:uｒｌ(tｅsｔ．jpg)
baｃkgrｏund-pｏsｉｔion
背景图位置
水平垂直
background－position:135 15９
backgrouｎd－repeat
背景是否重复
ｒeｐeaｔ（重复)
rｅｐeat－x(水平重复)ﻫrepｅat－ｙ（垂直重复)ﻫno-repeat（不重复）
字符样式
none(普通)ﻫunderlinｅ（加底线)ﻫnｏ-undeｒliｎe(不加底线)
blink(闪烁）
ｎｏ-bliｎk（不闪烁)
linｅ-tｈrouｇｈ(加删除线)ﻫｎo-lｉｎｅ－through（不加删除线)ﻫoverlinｅ（加顶线)ﻫｎo-ｏvｅrliｎｅ(不加顶线)
texｔ－deｃoｒaｔioｎ：undｅrlｉｎe