css属性cssproperties.docx
- 文档编号:4936517
- 上传时间:2022-12-11
- 格式:DOCX
- 页数:8
- 大小:19.58KB
css属性cssproperties.docx
《css属性cssproperties.docx》由会员分享,可在线阅读,更多相关《css属性cssproperties.docx(8页珍藏版)》请在冰豆网上搜索。
css属性cssproperties
css属性(cssproperties)
CSSpropertiesDaquan
Fontproperties:
(font)
Sizefont-size:
X-LARGE;(large)XX-Small;(minimal)general
Chinesecannotbeused,aslongasthevaluecanbe,units:
PX,PD
Stylefont-style:
oblique;(partialitalic)Italic;(italic)normal;(normal)
Lineheightline-height:
normal;(normal)units:
PX,PD,EM
Thethicknessoffont-weight:
(BOLD)bold;lighter;normal;(Figure)(normal)
Variantfont-variant:
small-caps;(smallcapitalization)normal;(normal)
Casetext-transform:
capitalize;(initialuppercase)uppercase;(uppercase)lowercase;(lowercase)none;(no)
Modifytext-decoration:
underline;(underline)overline;
(lineup)line-through;(deleteline)blink;(blinking)
Commonlyusedfonts:
(font-family)
"Courier,New",Courier,monospace,Times,New,Roman,Times,serif,Arial,Helvetica,sans-serif,Verdana
Fontprojectioneffect:
filter:
dropshadow(color=#FFFFFF,offx=1,offy=1,positive=1);
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:
normal;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:
visible;hidden;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.
Vertical-align:
super;/**/word.Text-decoration:
line-through;/**/strikethrough
Text-decoration:
overline;/*and*/topline
Text-decoration:
underline;/**/underlineText-decoration:
none;/**/deletelinkunderlineText-transform:
capitalize;/**/firstcharacteruppercase
文本转换:
大写;/**/英文大写
文本转换:
小写;/**/英文小写
文本对齐:
右;/**/文字右对齐
文本对齐:
左;/**/文字左对齐
文本对齐:
中心;文字居中对齐/**/
文本对齐:
对齐;/**/文字分散对齐
垂直对齐属性
垂直对齐:
顶;/**/
垂直向上对齐
垂直对齐:
底部;/**/
垂直向下对齐
垂直对齐:
中部;/**/
垂直居中对齐
垂直对齐:
文字/**/
文字垂直向上对齐顶;
垂直对齐:
文字/**/
文字垂直向下对齐底;
布局:
垂直流/**/文字竖着排列表意
二、cssi框空白
填料:
10px;/**/上边框留空白
填充右:
10px;/**/右边框留空白
座垫:
10px;/**/下边框留空白
填充左:
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;/**/上框线底部边框:
1pxsolid#6699cc;/**/下框线
左边界:
1pxsolid#6699cc;/**/左框线
边境:
1pxsolid#6699cc;/**/右框线
以上是建议书写方式,但也可以使用常规的方式如下:
边境上的颜色:
#369/**/颜色设置上框线顶边框顶部宽度:
1px/**/宽度设置上框线顶边境上的风格:
固体/*设置上框线顶样式*/其他框线样式实线框固/**/虚线框点缀/**/双线框双/**/groove立体内凸框/**/
ridge立体浮雕框/**/
inset凹框/**/
outset凸框/**/
七、css表单运用:
文字方块
按钮
复选框
选择钮
多行文字方块
下拉式菜单选项1选项2
八、css边界样式:
上边界
右边界值
下边界值
左边界值
margintop:
10px;/**/
margin-right:
10px;/**/margin-bottom:
10px;/**/margin-left:
10px;/**/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:
数值|inherit|normal}
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:
数值|inherit|normal;}
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调整}
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- css 属性 cssproperties