常用CSS样式属性CSS样式表.doc

《常用CSS样式属性CSS样式表.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、常用CSS样式属性

2、CSS样式表【长度单位】CSS可使用长度单位单位单位说明范例ptPoint，就像是Word里面的Point一样大小font-size:10ptpxPixels，依您屏幕分辨率而决定大小font-size:10pxpcPica，6个Pica是一英吋font-size:10pcmm公厘，用过尺...这个设定值完全不会因为其它设定而改变font-size:10mmcm公分，不会因为使用者设定而改变font-size:10cm%百分比，大部分是指所在位置宽度或者长度百分比font-size:10%【颜色表示

3、】CSS可用颜色表示方式表示方式表示方式说明范例#rrggbb可以用Windows色彩选择工具找到color:#feefc7rgb(#,#,#)用数字来表示红色蓝色以及绿色的混合...也可以用Windows色彩选择工具找color:rgb(135,255,124)rgb(%,%,%)用百分比来代表红色蓝色以及绿色的强度来混合颜色color:rgb(70%,35%,41%)颜色名称用颜色的名称来指定颜色color:brown【背景可用值】CSS可用背景值名称说明可能值范例background背景下面的背景设定值皆适用ba

4、ckground:fixedbackground-attachment背景图性是否固定fixed,scrollbackground-attachment:fixedbackground-color背景颜色颜色transparent(透空)backgroun-color:yellowbackground-image背景图片none(无背景图)url(****)(图片位置)background-image:url(test.jpg)background-position背景图位置水平垂直background-positio

5、n:135159background-repeat背景是否重复repeat(重复)repeat-x(水平重复)repeat-y(垂直重复)no-repeat(不重复)background-repeat:repeat【属性可用值】CSS可用属性值名称说明可能值范例visibility显示或是隐藏inherit(父组件决定)hidden(隐藏)visible(显示)　visibility:hiddenwidth宽度auto(自动决定)数字width:135height高度auto(自动决定)数字height:100z-in

6、dexZ轴高度(立体，是否在另一个组件之上)auto(自动决定)数字z-index:135position定位方式absolute(绝对寻址-依窗口坐标，原点为父窗口左上角)relative(相对定位-以一般网页排列[right.center.left]后再根据坐标定位，原点为定位后的位置)static(静态定位-以一般网页排列)position:absolutetop(对象的position属性须为absolute或relative)对象的Y坐标(原点根据postion属性有所不同)数字　left(对象的positi

7、on属性须为absolute或relative)对象的X坐标(原点根据postion属性有所不同)数字　【文字设定可用值】CSS可用文字设定值名称说明可能值范例font文字设定以下所有皆可使用　font:arialfont-family字体字体名称font-family:arialfont-size字体大小百分比或是数字(单位)font-size:12pxfont-style字型样式normal(普通)italic(斜体)oblique(斜体)font-style:italicfont-variant字型特别样式nor

8、mal(普通)small-caps(大小英文字母)font-variant:small-capsfont-weight字型粗细normal(普通)bold(粗体)bolder(超粗体)lighter(细体)数字(400=normal700=bold)font-weight:bolderletter-spacing字符相距normal(普通)数字(预设为0)letter-spacing:5text-align字符对齐left(左边)right(右边)center(中间)justify(左右平分)text-align:ju

9、stifytext-decoration字符样式none(普通)underline(加底线)no-underline(不加底线)blink(闪烁)no-blink(不闪烁)line-through(加删除线)no-line-through(不加删除线)overline(加顶线)no-overline(不加顶线)text-decor