css属性csspropertiesWord格式文档下载.docx
《css属性csspropertiesWord格式文档下载.docx》由会员分享，可在线阅读，更多相关《css属性csspropertiesWord格式文档下载.docx（8页珍藏版）》请在冰豆网上搜索。
Backgroundproperties:
（background）
Colorbackground-color:
#FFFFFF;
Picturebackground-image:
URL（）;
Repeatbackground-repeat:
no-repeat;
Scrollbackground-attachment:
fixed;
（fixed）scroll;
Positionbackground-position:
left（horizontal）top
（vertical）;
Shorthandmethod,background:
#000,URL（...）repeat,fixed,left,top;
Blockproperties:
（Block）
Wordspacingletter-spacing:
numericvalue
Yes,Liutext-align:
justify;
（alignattheend）left;
（leftaligned）right;
（rightaligned）center;
（centered）
Indentthetext-indent:
valuepx;
（scroll）
bottom;
Verticallyalignedvertical-align:
baseline;
（baseline）sub;
（subscript）super;
（subscript）top;
text-top;
middle;
text-bottom;
Wordspacingword-spacing:
normal;
numericalvalue
Spacewhite-space:
pre;
（reserved）nowrap;
（nolinefeed）
Display:
block（block）;
inline;
list-item;
（embedded）（list）run-in（additional）;
compact（compact）;
marker;
table;
inline-table（marker）;
table-raw-group;
table-header-group;
table-footer-group;
table-raw;
table-column-group;
table-column;
table-cell;
table-caption;
（tabletitle）
Boxproperties:
（Box）
order:
solid;
inset;
Width:
;
height:
float:
clear:
both;
padding:
margin:
right,left,left
Borderproperties:
（Border）
Border-style:
dotted;
（dotline）dashed;
（dottedline）double;
（doubleline）groove;
（slotline）ridge;
（ridged）（SAG）outset;
Border-width:
borderwidth
Border-color:
#;
Shorthandmethodborder:
width,style,color;
Listproperties:
（List-style）
Typelist-style-type:
disc;
（DOT）circle;
（circle）square;
（FangKuai）decimal;
（number）lower-roman;
（Ronaldinhonumber）upper-roman;
lower-alpha;
upper-alpha;
Locationlist-style-position:
outside;
（external）inside;
Imagelist-style-image:
URL（...）;
Locationattributes:
（Position）
Position:
absolute;
relative;
static;
Visibility:
inherit;
visible;
hidden;
Overflow:
scroll;
auto;
Clip:
Rect（12px,auto,12px,auto）（cut）
CSSpropertycodeGuinness
OneCSStextproperty:
Color:
#999999;
/**/textcolor
Font-family:
Arial,sans-serif;
/**/textfont
Font-size:
9pt;
/**/textsize
Font-style:
itelic;
/**/italictext
Font-variant:
small-caps;
/**/smallfont
LETTER-SPACING:
1pt;
/**/distancebetweenwords
Line-height:
200%;
/**/settherow
Font-weight:
bold;
/**/boldtext
Vertical-align:
sub;
/**/word.
super;
/**/word.Text-decoration:
line-through;
/**/strikethrough
Text-decoration:
overline;
/*and*/topline
underline;
/**/underlineText-decoration:
none;
/**/deletelinkunderlineText-transform:
/**/firstcharacteruppercase
文本转换：
大写；
/**/英文大写
小写；
/**/英文小写
文本对齐：
右；
/**/文字右对齐
左；
/**/文字左对齐
中心；
文字居中对齐/**/
对齐；
/**/文字分散对齐
垂直对齐属性
垂直对齐：
顶；
/**/
垂直向上对齐
底部；
垂直向下对齐
中部；
垂直居中对齐
文字/**/
文字垂直向上对齐顶；
文字垂直向下对齐底；
布局：
垂直流/**/文字竖着排列表意
二、cssi框空白
填料：
10px；
/**/上边框留空白
填充右：
/**/右边框留空白
座垫：
/**/下边框留空白
填充左：
/*左边框留空白
三、CSS符号属性：
目录样式类型：
无；
/**/不编号目录样式类型：
十进制；
/**/阿拉伯数字目录样式类型：
低/**/小写罗马数字罗马；
目录样式类型：
大写罗马数字；
/**/大写罗马数字
低a；
/**/小写英文字母
上a；
/**/大写英文字母目录样式类型：
盘；
/**/实心圆形符号目录样式类型：
圆；
/**/空心圆形符号目录样式类型：
广场；
/**/实心方形符号列表样式图像：
URL（/点。
GIF）;
/**/图片式符号目录样式位置：
外凸排；
/**/列表样式的位置：
在缩进；
四、CSS背景样式：
背景颜色：
#f5e2ec；
/**/背景颜色
背景：
透明；
/**/透视背景
背景图像：
URL（/图像/BG.gif）；
/**/背景图片
背景附件：
固定；
/**/浮水印固定背景背景重复：
重复；
/**/重复排列-网页默认
背景重复：
不重复；
/**/不重复排列
repeat-x；
/**/轴重复排列在X背景：
纵向重复；
重复在丫轴重复排列*//*指定背景位置
背景位置：
90%90%/*背景图片X与丫轴的位置*/
向上对齐
按钮；
向下对齐
向左对齐
向右对齐
中心位置；
/**/居中对齐
五、CSS连接属性：
所有超链接/**/
一：
链接/**/超链接文字格式答：
浏览过的链接文字格式参观/**/一：
主动/**/按下链接的格式答：
鼠标转到链接悬停/**/鼠标光标样式：
链接手指鼠标手十字体十字光标：
箭头朝下光标：
s-resize十字箭头：
移动光标箭头朝右：
移动光标加一问号光标：
帮助箭头朝左光标：
w-resize箭头朝上光标：
n-resize箭头朝右上光标：
NE调整箭头朝左上光标：
NW调整文字我型光标：
文本箭头斜右下光标：
SE调整箭头斜左下光标：
软件大小漏斗光标：
等待光标图案（IE6）P{cursor:
url（“光标文件名.cur”），文本；
}
六、csS匡线一览表：
边境上：
1pxsolid#6699cc；
/**/上框线底部边框：
/**/下框线
左边界：
/**/左框线
边境：
/**/右框线
以上是建议书写方式，但也可以使用常规的方式如下：
边境上的颜色：
#369/**/颜色设置上框线顶边框顶部宽度：
1px/**/宽度设置上框线顶边境上的风格：
固体/*设置上框线顶样式*/其他框线样式实线框固/**/虚线框点缀/**/双线框双/**/groove立体内凸框/**/
ridge立体浮雕框/**/
inset凹框/**/
outset凸框/**/
七、css表单运用：
文字方块
按钮
复选框
选择钮
多行文字方块
下拉式菜单选项1选项2
八、css边界样式：
上边界
右边界值
下边界值
左边界值
margintop：
10px;
margin-right：
/**/margin-bottom：
/**/margin-left：
/**/css属性：
字体样式（fontstyle）
序号中文说明标记语法
1字体样式{font:
fontstylefontvariantfontweightfont-sizefont-family}
2字体类型{font-family:
'
字体1"
"
字体2"
字体3"
...}
3字体大小{fontsize:
数值|inherit|medium|large|larger|x-large|xx-large|small|smaller|xsmall|xx-small}
4字体风格{fontstyle:
inherit|italic|normal|oblique}
5字体粗细{font-weight:
100-900|bold|bolder|lighter|normal;
}
6字体颜色{color:
数值;
7阴影颜色{textshadow:
16位色值}
8字体行高{lineheight:
数值|inherit|normal;
9字间距{letter-spacing:
数值|inherit|normal}
10单词间距{wordspacing:
11字体变形{fontvariant:
inherit|normal|small-cps}
12英文转换{texttransform:
inherit|none|capitalize|uppercase|lowercase}
13字体变形{font-sizeadjust:
inherit|none}
14字体{fontstretch:
condensed|expanded|extracondensed|extraexpanded|inherit|narrower|normal|semicondensed|semiexpanded|ultracondensed|ultraexpanded|wider}
文本样式（textstyle）
1行间距{lineheight:
2文本修饰{textdecoration:
inherit|none|underline|overline|linethrough|wink}
3段首空格{textindent:
数值|inherit}
4水平对齐{text-align:
left|right|center|justify}
5垂直对齐{vertical-align:
inherit|top|bottom|texttop|text-bottom|baseline|middle|pdo|super}
6书写方式{writingmode:
lr-tb|tbrl}
背景样式
1背景颜色{backgroundcolor:
数值}
2背景图片{backgroundimage:
url（url）|none}
3背景重复{backgroundrepeat:
inherit|no|repeatrepeatrepeatrepeat||-x-y}
4背景固定{backgroundattachment:
fixed|scroll}
5背景定位{backgroundposition:
数值||topbottomleftrightcenter|||}
6背影样式{background:
背景颜色|背景图象|背景重复|背景附件|背景位置}
框架样式（boxstyle）
1边界留白{margin:
margintopmarginmarginbottommargin-right--left}
2补白{padding:
paddingtoppadding-rightpadding-bottom-leftpadding}
3边框宽度{theborderwidth,bordertopborderwidth-right
-widthborderbottomwidthborderleftwidth}
宽度值:
thin|medium|thick|数值
4边框颜色{bordercolor:
数值数值数值数值}数值:
分别代表top、right、bottom、left颜色值
5边框风格{borderstyle:
none|hidden|inherit|dashed|
solid|double|inset|outset|ridge|groove}
6边框{border:
theborderwidthborderstylecolor}
上边框{bordertop:
bordertopwidthborderstylecolor}
右边框{borderrightborder:
-right-widthborderstylecolor}
下边框{borderbottom:
borderbottomwidthborderstylecolor}
左边框{borderleft:
theborderleftwidthborderstylecolor}
7宽度{width:
长度|百分比|auto}
8高度{height:
数值|auto}
9漂浮{浮动：
左|右|没有}
10清除{清楚：
没有|左右||两}
分类列表
序号中文说明标记语法
1控制显示{显示：
无|块|内联|列表项}2控制空白{白空间：
正常|预|nowarp}
3符号列表{列表样式类型：
盘|圈|平方|小数|下罗马|大写罗马数字|低a|上a|没有}
4图形列表{列表样式图像：
URL}
5位置列表{列表样式的位置：
在|外}
6目录列表{列表样式：
目录样式类型|目录样式位置|URL}
7鼠标形状{光标：
手|十字|文本|等|移动|帮助|e-resize|NW调整|w-resize|s-resize|SE调整|SW调整}
升级会员 