1 / 14
文档名称:

CSS规则定义.doc

格式:doc   大小:73KB   页数:14页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

CSS规则定义.doc

上传人:一花一世 2019/1/26 文件大小:73 KB

下载得到文件列表

CSS规则定义.doc

文档介绍

文档介绍:CSS规则定义一、类型Font-family:字体font-size:字体大小:xx-small 最小x-small 较小small 小medium 正常(默认值)large 大x-large 较大xx-large 最大larger 相对于父元素中字体尺寸进行相对增大值px(像素)pt(点数)in(英寸)cm(厘米)mm(毫米)pc(十二点活字,1pc=12pt)em:2em相当于当前字体的2倍大小%(百分比)font-weight:字体粗细normal   缺省值。字体正常显示。bold       粗体bolder    比粗体更加粗lighter     比正常字体细100         特细200        较细300         细400        正常,相当于normal500        变粗600        较粗700        粗体,相当于bold800        更粗900        特粗font-style:字体风格normal 正常(默认值)italic 斜体oblique 让没有斜体属性的文字倾斜font-variant:字体变量normal 正常(默认值)small-caps小型大写字母的字体显示文本line-height:行高normal 正常(默认值)值text-transform:文本大小写转换capitalize首字大写uppercase英文大写lowercase英文小写none无text-decoration:(字体装饰)underline下划线overline上划线line-through删除线(线从字体中间穿过)blink闪光、闪烁(一般不用)none无二、背景background-color:背景颜色background-image:背景图片background-repeat:背景重复repeat 背景图像将在垂直方向和水平方向重复(默认)repeat-x 背景图像将在水平方向重复repeat-y 背景图像将在垂直方向重复no-repeat 背景图像将仅显示一次。background-attachment:背景附着scroll 背景图像会随着页面文档的滚动而滚动(默认)fixed 背景图像不随着页面文档滚动background-positionX:X轴背景位置left居左center居中right居右值距离左边框的值(px)background-positionY:Y背景位置top置顶部center居中bottom置底部值距离顶部边框的值(px)三、区块word-spacing:词间距normal 正常(默认值)值letter-spacing:字符间距normal 正常(默认值)值vertical-align:垂直对齐baseline 元素放置在父元素的基线上(默认)sub 垂直对齐文本的下标。super 垂直对齐文本的上标top 把元素的顶端与行中最高元素的顶端对齐text-top 把元素的顶端与父元素字体的顶端对齐middle 把此元素放置在父元素的中部bottom 把元素的顶端与行中最低元素的顶端对齐text-bottom把元素的底端与父元素字体的底端对齐值text-aline:水平对齐left 左边对齐(默认值:由浏览器决定)right 右边对齐center 中间对齐justify 两端对齐text-indent:文本缩进值pixels(像素)points(点数)in(英寸)cm(厘米)mm(毫米)picas(十二点活字,1pc=12pt)emx(字体高),2em相当于当前字体的2倍大小exs(字母X的高)%(父元素的百分比)white-space空白normal 空白会被浏览器忽略(默认)pre 空白会被浏览器保留,其行为方式类似HTML中的<pre>标签nowrap 文本不会换行,文本会在在同一行上继续,直到遇到<br>标签为止。Display:显示(若不显示,不占空间)none 此元素不会被显示block 此元素将显示为块级元素,此元素前后会带有换行符inline 默认。此元素会被显示为内联元素,元素前后没有换行符inline-block行内块元素list-item 此元素会作为列表显示。run-pact pact,不过由于缺乏广泛支持,。marker CSS中有值marker,不过由于缺乏广泛支持,。table 此元素会作为块级表格来显示(类似<table>),表格前后带有换行符。inline-table 此元素会作为内联表格来显示(类似<table>),表格前后没有换行符。table-row-group此元素会作为一个或多个行的分组来显示(类似<tbody>)。table-header-