css代码大全Word文档下载推荐.docx
- 文档编号:15996463
- 上传时间:2022-11-17
- 格式:DOCX
- 页数:12
- 大小:22.44KB
css代码大全Word文档下载推荐.docx
《css代码大全Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《css代码大全Word文档下载推荐.docx(12页珍藏版)》请在冰豆网上搜索。
/*下标字*/
super;
/*上标字*/
text-decoration:
line-through;
/*加删除线*/
overline;
/*加顶线*/
underline;
/*加下划线*/
none;
/*删除链接下划线*/
text-transform:
capitalize;
/*首字大写*/
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:
/*左边框留空白
三、CSS符号属性:
list-style-type:
/*不编号*/
decimal;
/*阿拉伯数字*/
lower-roman;
/*小写罗马数字*/
upper-roman;
/*大写罗马数字*/
lower-alpha;
/*小写英文字母*/
upper-alpha;
/*大写英文字母*/
disc;
/*实心圆形符号*/
circle;
/*空心圆形符号*/
square;
/*实心方形符号*/
list-style-image:
url(/;
/*图片式符号*/
list-style-position:
outside;
/*凸排*/
inside;
/*缩进*/
四、CSS背景样式:
background-color:
#F5E2EC;
/*背景颜色*/
background:
transparent;
/*透视背景*/
background-image:
url(/image/;
/*背景图片*/
background-attachment:
fixed;
/*浮水印固定背景*/
background-repeat:
repeat;
/*重复排列-网页默认*/
no-repeat;
/*不重复排列*/
repeat-x;
/*在x轴重复排列*/
repeat-y;
/*在y轴重复排列*/
指定背景位置
background-position:
90%90%;
/*背景图片x与y轴的位置*/
top;
/*向上对齐*/
buttom;
/*向下对齐*/
left;
/*向左对齐*/
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/*设置上框线top颜色*/
border-top-width:
1px/*设置上框线top宽度*/
border-top-style:
solid/*设置上框线top样式*/
其他框线样式
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-lef
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- css 代码 大全