第11单元 css的属性.pptVIP

第11章 CSS的属性 11.1.1 字体属性font-family 11.1.2 字体风格font-style 11.1.3 字体变形font-variant 11.1.4 字体加粗font-weight 11.1.5 字号的控制font-size 11.1.6 文字的更改text-transform 11.1.7 文字修饰text-decoration 11.1.8 字体属性font 11.2.1 设置字间距及字母间距 11.2.2 设置行距 11.2.3 文字对齐 11.2.4 首行缩进属性 11.3.1 颜色属性 11.3.2 背景颜色属性 11.3.3 背景图像属性 11.3.4 背景图片重复属性 11.3.5 固定背景图片属性 11.3.6 背景图片的位置属性 11.3.7 背景 11.4.1 网页链接属性anchor 11.4.2 设置滚动条属性scrollbar 11.4.3 光标属性的设置cursor 11.4.4 边框的设置 11.5.1 CSS定位属性 11.5.2 CSS定位方法 上一页 下一页 目 录 结 束 本 节 11.3.4 背景图片重复属性 背景图片重复属性决定一个指定的背景图片如何被重复。 语法： background-repeat：repeat|repeat-x|repeat-y|no-repeat 上一页 下一页 目 录 结 束 本 节 background-repeat属性参数值说明 不重复 no-repeat 背景图片纵向重复 repeat-y 背景图片横向重复 repeat-x 背景图片水平与垂直方向同时平铺（默认值） repeat 说 明 参数值 上一页 下一页 目 录 结 束 本 节 11.3.5 固定背景图片属性 固定背景图片属性决定指定的背景图片是跟随内容滚动，还是保持固定。 语法： background-attachment：scroll|fixed 说明： scroll表示滚动，fixed表示固定。初始值为scroll。 上一页 下一页 目 录 结 束 本 节 11.3.6 背景图片的位置属性 通过背景图片的位置属性background-position可以改变背景图片的最初位置。 语法： background-position：百分比|长度|关键字 上一页 下一页 目 录 结 束 本 节 说明： ⑴ 以百分比方法设置background-position属性的语法如下： background-position：x% y% 其中x%代表设置图片的水平位置；y%代表图片的垂直位置。初始值为0% 0%。 实例： P{background-position:70% 50%;repeat-y;url(..\pic\sky.jpg) 表示背景图片的水平位置为70%，垂直位置为50%。 上一页 下一页 目 录 结 束 本 节 ⑵ 以长度单位设置background-position属性的语法如下： background-position：x y 使用长度单位可以对背景图片的位置作出更精确的控制，可以设定水平和垂直定位起点。 实例： {background-position:70px 10px;url(..\pic\sky.jpg) 表示从左起70像素、垂直10像素的位置开始显示图像。 上一页 下一页 目 录 结 束 本 节 ⑶ 以关键字设置background-position属性的语法如下： background-position： [top|center|bottom]||[left|center|right] （注：|表示或的意思，||表示二者同时使用，[]表示可搭配使用） 实例： {background-position:right top;url(..\pic\sky.jpg) 表示背景图片的水平位置为100%，垂直位置为0%。 上一页 下一页 目 录 结 束 本 节 图片的垂直与水平位置均为50%。 center 右边对齐（图片的水平位置为100%）。 right 左边对齐（图片的水平位置为0%）。 left 底部对齐（图片的垂直位置为100%）。 bottom 顶部对齐（图片的垂直位置为0%）。 top 说 明 参数值 bac