css样式Word格式.docx
- 文档编号:19443495
- 上传时间:2023-01-06
- 格式:DOCX
- 页数:8
- 大小:18.24KB
css样式Word格式.docx
《css样式Word格式.docx》由会员分享,可在线阅读,更多相关《css样式Word格式.docx(8页珍藏版)》请在冰豆网上搜索。
,Times,serif,Arial,Helvetica,sans-serif,Verdana
背景属性:
(background)
色彩{background-color:
#FFFFFF;
}
图片{background-image:
url();
重复{background-repeat:
no-repeat;
滚动{background-attachment:
fixed;
}(固定)scroll;
(滚动)
位置{background-position:
left;
}(水平)top(垂直);
简写方法{background:
#000url(..)repeatfixedlefttop;
区块属性:
(Block)
字间距{letter-spacing:
}数值
对齐{text-align:
justify;
}(两端对齐)left;
(左对齐)right;
(右对齐)center;
(居中)
缩进{text-indent:
数值px;
垂直对齐{vertical-align:
baseline;
}(基线)sub;
(下标)super;
(下标)top;
text-top;
middle;
bottom;
text-bottom;
词间距word-spacing:
数值
空格white-space:
pre;
(保留)nowrap;
(不换行)
来源:
(-CSS样式大全_灵烈魔心_新浪博客
显示{display:
block;
}(块)inline;
(内嵌)list-item;
(列表项)run-in;
(追加部分)compact;
(紧凑)marker;
(标记)table;
inline-table;
table-raw-group;
table-header-group;
table-footer-group;
table-raw;
table-column-group;
table-column;
table-cell;
table-caption;
(表格标题)
方框属性:
(Box)
width:
;
height:
float:
clear:
both;
margin:
padding:
顺序:
上右下左
边框属性:
(Border)
border-style:
dotted;
(点线)dashed;
(虚线)solid;
double;
(双线)groove;
(槽线)ridge;
(脊状)inset;
(凹陷)outset;
border-width:
边框宽度
border-color:
#;
简写方法border:
widthstylecolor;
列表属性:
(List-style)
类型list-style-type:
disc;
(圆点)circle;
(圆圈)square;
(方块)decimal;
(数字)lower-roman;
(小罗码数字)upper-roman;
lower-alpha;
upper-alpha;
位置list-style-position:
outside;
(外)inside;
图像list-style-image:
url(..);
定位属性:
(Position)
Position:
absolute;
relative;
static;
visibility:
inherit;
visible;
hidden;
overflow:
scroll;
auto;
clip:
rect(12px,auto,12px,auto)(裁切)
css属性代码大全
一CSS文字属性:
color:
#999999;
font-family:
宋体,sans-serif;
font-size:
9pt;
font-style:
itelic;
font-variant:
small-caps;
letter-spacing:
1pt;
line-height:
200%;
font-weight:
bold;
vertical-align:
sub;
super;
text-decoration:
line-through;
overline;
underline;
none;
text-transform:
uppercase;
lowercase;
text-align:
right;
left;
center;
justify;
vertical-align属性
top;
bottom;
middle;
text-top;
text-bottom;
二、CSS边框空白
padding-top:
10px;
padding-right:
padding-bottom:
padding-left:
list-style-type:
decimal;
lower-roman;
upper-roman;
lower-alpha;
upper-alpha;
disc;
circle;
square;
list-style-image:
url(/dot.gif);
list-style-position:
inside;
四、CSS背景样式:
background-color:
#F5E2EC;
background:
transparent;
background-image:
url(/image/bg.gif);
background-attachment:
background-repeat:
repeat;
repeat-x;
repeat-y;
指定背景位置
background-position:
90%90%;
top;
buttom;
right;
center;
五、CSS连接属性:
a
a:
link
visited
active
hover
鼠标光标样式:
链接手指CURSOR:
hand
十字体cursor:
crosshair
箭头朝下cursor:
s-resize
十字箭头cursor:
move
箭头朝右cursor:
加一问号cursor:
help
箭头朝左cursor:
w-resize
箭头朝上cursor:
n-resize
箭头朝右上cursor:
ne-resize
箭头朝左上cursor:
nw-resize
文字I型cursor:
text
箭头斜右下cursor:
se-resize
箭头斜左下cursor:
sw-resize
漏斗cursor:
wait
光标图案(IE6)p{cursor:
url("
光标文件名.cur"
),text;
六、CSS框线一览表:
border-top:
1pxsolid#6699cc;
border-bottom:
border-left:
border-right:
以上是建议书写方式,但也可以使用常规的方式如下:
border-top-color:
#369
border-top-width:
1px
border-top-style:
solid
其他框线样式
solid
dotted
double
groove
ridge
inset
outset
七、CSS表单运用:
文字方块
按钮
复选框
选择钮
多行文字方块
下拉式菜单选项1选项2
八、CSS边界样式:
margin-top:
margin-right:
margin-bottom:
margin-left:
CSS属性:
字体样式(FontStyle)
序号中文说明标记语法
1字体样式{font:
font-stylefont-variantfont-weightfont-sizefont-family}
2字体类型{font-family:
字体1"
"
字体2"
字体3"
...}
3字体大小{font-size:
数值|inherit|medium|large|larger|x-large|xx-large|small|smaller|x-small|xx-small}
4字体风格{font-style:
inherit|italic|normal|oblique}
5字体粗细{font-weight:
100-900|bold|bolder|lighter|normal;
6字体颜色{color:
数值;
7阴影颜色{text-shadow:
16位色值}
8字体行高{line-height:
数值|inherit|normal;
9字间距{letter-spacing:
数值|inherit|normal}
10单词间距{word-spacing:
11字体变形{font-variant:
inherit|normal|small-cps}
12英文转换{text-transform:
inherit|none|capitalize|uppercase|lowercase}
13字体变形{font-size-adjust:
inherit|none}
14字体{font-stretch:
condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal|semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}
文本样式(TextStyle)
1行间距{line-height:
2文本修饰{text-decoration:
inherit|none|underline|overline|line-through|blink}
3段首空格{text-indent:
数值|inherit}
4水平对齐{text-align:
left|right|center|justify}
5垂直对齐{vertical-align:
inherit|top|bottom|text-top|text-bottom|baseline|middle|sub|super}
6书写方式{writing-mode:
lr-tb|tb-rl}
背景样式
1背景颜色{background-color:
数值}
2背景图片{background-image:
url(URL)|none}
3背景重复{background-repeat:
inherit|no-repeat|repeat|repeat-x|repeat-y}
4背景固定{background-attachment:
fixed|scroll}
5背景定位{background-position:
数值|top|bottom|left|right|center}
6背影样式{background:
背景颜色|背景图象|背景重复|背景附件|背景位置}
框架样式(BoxStyle)
1边界留白{margin:
margin-topmargin-rightmargin-bottommargin-left}
2补 白{padding:
padding-toppadding-rightpadding-bottompadding-left}
3边框宽度{border-width:
border-top-widthborder-right-widthborder-bottom-widthborder-left-width}
宽度值:
thin|medium|thick|数值
4边框颜色{border-color:
数值数值数值数值} 数值:
分别代表top、right、bottom、left颜色值
5边框风格{border-style:
none|hidden|inherit|dashed|solid|double|inset|outset|ridge|groove}
6边 框{border:
border-widthborder-stylecolor}
上边框{border-top:
border-top-widthborder-stylecolor}
右边框{border-right:
border-right-widthborder-stylecolor}
下边框{border-bottom:
border-bottom-widthborder-stylecolor}
左边框{border-left:
border-left-widthborder-stylecolor}
7宽 度{width:
长度|百分比|auto}
8高 度{height:
数值|auto}
9漂 浮{float:
left|right|none}
10清 除{clear:
none|left|right|both}
分类列表
1控制显示{display:
none|block|inline|list-item}
2控制空白{white-space:
normal|pre|nowarp}
3符号列表{list-style-type:
disc|circle|square|decimal|lower-roman|upper-roman|lower-alpha|upper-alpha|none}
4图形列表{list-style-image:
URL}
5位置列表{list-style-position:
inside|outside}
6目录列表{list-style:
目录样式类型|目录样式位置|url}
7鼠标形状{cursor:
hand|crosshair|text|wait|move|help|e-resize|nw-resize|w-resize|s-resize|se-resize|sw-resize}
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- css 样式