web技术03.pptVIP

background-image 功能：设置元素背景图片。 默认值是 none，表示背景上不放置任何图像。 background-repeat 功能：对背景图像进行平铺repeat属性，即设置图像重复形式。 用法： background-repeat：值 可选值： repeat：图像可在水平和垂直方向上重复 repeat-x： 图像只在水平直方向上重复 repeat-y ：图像只在垂直方向上重复 no-repeat ：不允许图像在任何方向上平铺。 background-position 功能：设置背景图片的插入位置。 用法： background-position：X位置值 y位置值 可选值： 百分比：距离区域元素边框的百分比值 数值：具体数值，单位可以是px、pt、mm、em等 关键字：包括left,right,center,top,bottom 单位 background-attachment 功能：设置引动滚动条时图片是否固定 用法： background-attachment：值 可选值： scroll ：默认值，随滚动条移动 fixed ：背景图片固定不动 示例 body { font-size:20px; font-family:微软雅黑,宋体,Arial; color:red; background-image:url(imgs/bk.jpg); background-repeat:no-repeat; background-position:10em 20mm; background-attachment:fixed; } table { background-image:url(imgs/bk.gif); background-repeat:repeat; background-position:1em 1mm; background-attachment:scoll; background-color:White; } 3.2 CSS 文本 text-indent：设置文本首行缩进 text-align：设置文本水平对齐方式 vertical-align：设置文本垂直对齐方式 line-height：设置行高 letter-spacing：设置字符间距 text-indent 功能：设置文本首行缩进 用法： text-indent：长度 考虑：中文排版中一般要求段落首行缩进两个字符，如何设置？ text-align 功能：设置文本水平对齐方式 用法： text-align：left | right | center | justify 不同的浏览器对 justify 的支持程度不同 vertical-align 功能：设置文本的垂直对齐方式 用法： vertical-align：值 可选值： baseline：该段落文本与上段落文本的基线对齐 sub：文字以下标方式显示 super：文本以上标方式显示 top：垂直向上对齐 middle：垂直居中对齐 bottom：垂直向下对齐 text-top：元素顶端与父元素字体的顶端对齐 text-bottom：元素底端与父元素字体的底端对齐 baseline 基线是一条虚构的线。在一行文本中，大多数字母以基线为基准。baseline 值设置行中的所有表格数据都分享相同的基线。该值的效果常常与 bottom 值相同。不过，如果文本的字号各不相同，那么 baseline 的效果会更好。 请看下面的图示： text-top text-bottom 主要用于设置非文字对象，如图片等。 line-height 功能：设置文字的行间距 用法： line-height : normal | 百分比 | 值 可选值： normal：默认值，浏览器自动控制 百分比：相对文字 font-size 的百分比 值：具体的数值，单位自定 letter——spacing 功能：设置字符间距 用法： letter-sapcing: normal | 值 可选值： normal：默认值，浏览器自定 值：具体数值，单位自定 3.3 CSS字体 font-family：设置文字的字体系列 font-style：设置文字的效果 font-size：设置文字的大小 font-weight：设置文字的粗细 font-variant：设置文字的变形属性 text-decoration:设置文字的显示效果 text-transform：设置文字的转换 font-family 功能： 设置文字字体系列 用法：