《css样式精华版.docx》由会员分享，可在线阅读，更多相关《css样式精华版.docx（6页珍藏版）》请在金锄头文库上搜索。
1、css样式大全整理版字体属性：（font）大小font-size: *-larg特大）*-small;极小）一般中文用不到，只要用数值就可以，单位：P*、PD样式font-style: oblique偏斜体）italiC体）normal;正常）行高line-height: normal;正常）单位：P*、PD、EM粗细font-weight: bold;粗体）lighter细（体）normal;正常）变体font-variant: small-caps;（型大写字母）normal;（正常）大小写te*t-transform: capitalize首字母大写）uppercase;（大写）lowe
2、rcase; 小写）none;（无）修饰te*t-decoration: underline;下划线）overline 出划线）line-through;删除线）blink;闪烁）常用字体：（font-family）Courier New, Courier, monospace, Times New Roman, Times, serif, Arial,Helvetica, sans-serif, Verdana背景属性：（background）色彩background-color: *FFFFFF;）图片 background-image: url（）;）重复background-repea
3、t: no-repeat;）滚动 background-attachment: fi*ed;） （固 定）scroll滚动）位置background-position: left;水平）top 垂直）；简写方法background:*。url（.） repeat fi*ed left top ;简写* 这个在阅读代码中经常出现，要认真的研究*/区块属性：（Block） /这个属性第一次认识，要多多研究*/字间距letter-spacing: normal;）数值/*这个属性似乎有用，多实践下*/对齐te*t-align: justif两端对齐）lef佐对齐）right右对齐）center;居中
4、）缩进te*t-indent:数值 p*;）垂直对齐vertical-align: baseline基）线）sub;下标）super; 下标）top; te*t-top;middle; bottom; te*t-bottom;词间距 word-spacing: normal;数值空格 white-space: pre;保存）nowrap; （不换行）显示display:block;块）inline粼）list-item列表项）run-in;追加局部）pact;紧凑）marker;（标记）table; inline-table; table-raw-group; table-header-gro
5、up;table-footer-group; table-raw; table-column-group; table-column; table-cell;table-caption;表格标题）/*display属性的了解很模糊*/方框属性：（Bo*）width:; height:; float:; clear:both; margin:; paddin顺序：上右下左边框属性：（Border）border-style: dotted;点线）dashed;虚线）solid; double双线）groove;槽线）ridge;脊状）inset;凹陷）outset;border-width:;边框
6、宽度border-color:*;简写方法 border : width style color; /简写*/列表属性：（List-style）类型 list-style-type: dis圆点）circle圆圈）square; 方块）decimal;数字）lower-roman;（小罗码数字）upper-roman; lower-alpha; upper-alpha;位置 list-style-position: outsi（外）（inside;图像 list-style-image: url（.）;定位属性：（Position）Position: absolute; relative; s
7、tatic;visibility: inherit; visible; hidden;overflow: visible; hidden; scroll; auto;clip: rect（12p*,auto,12p*,auto）裁（切）css属性代码大全一 CSS文字属性：color : *999999; /*文字颜色*/font-family :宋体,sans-serif; /文字字体*/font-size : 9pt; /*字大小*/font-style:itelic;文/字斜体*/font-variant:small-caps; /小字体*/letter-spacing : 1pt; /
8、*间距离*/line-height : 2%; /设置行高*/font-weight:bold; / 文字粗体*/vertical-align:sub; 下标字*/vertical-align:super; 上标字*/te*t-decoration:line-through; /加删除线*/te*t-decoration: overline;加*顶线*/te*t-decoration:underline; /加下划线*/te*t-decoration:none; /删除下划线*/te*t-transform : capitalize;首字大写*/te*t-transform : upperca
9、se; /英文大写*/te*t-transform : lowercase; /英文小写*/te*t-align:right;文字右对齐*/te*t-align:left;文字左对齐*/te*t-align:center;文字居中对齐*/te*t-align:justify;文字分散对齐*/vertical-aligm性vertical-align:top;垂直向上对齐*/vertical-align:bottom; /垂直向下对齐*/vertical-align:middle; /垂直居中对齐*/vertical-align:te*t-top;文字垂直向上对齐*/vertical-align
10、:te*t-bottom; /*字垂直向下对齐*/二、CSS边框空白padding-top:10p*; /* 上边框留空白*/padding-right:10p*; /*右边框留空白*/padding-bottom:10p*; /* 下边框留空白*/padding-left:10p*; /左边框留空白三、CSS符号属性：list-style-type:none;不编号*/list-style-type:decimal; /*拉伯数字*/list-style-type:lower-roman; /小写罗马数字*/list-style-type:upper-roman; /大写罗马数字*/list
11、-style-type:lower-alpha;小*写英文字母*/list-style-type:upper-alpha;大写英文字母*/list-style-type:disc;实心、圆形符号*/list-style-type:circle;空/心 圆形符号*/list-style-type:square;庚心方形符号*/list-style-image:url(/dot.gif);图片式符号*/list-style-position: outside;凸/排*/list-style-position:inside;缩/进*/四、CSS背景样式：background-color:*F5E2E
12、C; /* 背景颜色*/background:transparent; /* 透视背景*/background-image : url(/image/bg.gif); /*背景图片*/background-attachment : fi*ed; /* 浮水印固定背景*/background-repeat : repeat; /*重复排列-网页默认 */background-repeat : no-repeat; /*不重复排列 */background-repeat : repeat-*; /*在* 轴重复排列 */background-repeat : repeat-y; /*在 y 轴重复
13、排U*/指定背景位置background-position : 90% 90%; /* 背景图片*与 y 轴的位置*/background-position : top; /* 向上对齐*/background-position : buttom; /* 向下对齐*/background-position : left; /向左对齐 */background-position : right; y5向右对齐*/background-position : center; /*居中对齐*/五、CSS连接属性：a /*所有超*/a:link /超文字格式*/a:visited /浏览过的文字格式*/
14、a:active /按下的格式*/a:hover /*鼠标转到*/鼠标光标样式：手指 CURSOR: hand十字体 cursor:crosshair箭头朝下 cursor:s-resize十字箭头 cursor:move箭头朝右cursor:move加一问号 cursor:help箭头朝左 cursor:w-resize箭头朝上 cursor:n-resize箭头朝右上 cursor:ne-resize箭头朝左上 cursor:nw-resize文字I型 cursor:te*t箭头斜右下 cursor:se-resize箭头斜左下 cursor:sw-resize漏斗 cursor:wait
15、光标图案(IE6) p cursor:url光标文件名.cur),te*t;六、CSS框线一览表：border-top : 1p* solid *6699cc; /上框线*/border-bottom : 1p* solid *6699cc; /*下框线*/border-left : 1p* solid *6699cc;左框线*/border-right : 1p* solid *6699cc;右框线*/以上是建议书写方式，但也可以使用常规的方式如下：border-top-color : *369 /设置上框线 top 颜色*/border-top-width :1p* /*设置上框线 top 宽度*/border-top-style : solid设置上框线 top 样式*/其他框线样式solid /实线框*/dotted /*虚线框*/double /*双线框*/groove /*立体凸框*/ridge /*立体浮雕框*/inset /凹框*/outset /*凸框*/七、CSS表单运用：文字方块按钮复选框选择钮多行文字方块下拉式菜单项选择项1选项2八、CSS边界样式：margin-top:10p*; /* 上边界*/margin-right:10p*; /*右边界值*/margin-bottom:10p*; /* 下边界值*/margin-left:10p*; /左
