本节简介:背景颜色,图片,对齐方式,是否重复,固定背景等属性设置及编写规则
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
background-attachment:fixed(背景固定)
背景简写 background: no-repeat url() right bottom; 位置可换
background简写时,position的X值与Y值不能分离,他们是position值整体的一部分
background: url的属性,repeat position均在属于url逗号之前
background-position 这个好像是初级班未涉及到的
背景颜色跟背景图片样式可以写在一起 background:#333 url(images/....ipg) no-repeat;
background-attachment:fix 背景随图片滚动
font-size字体大小 line-height行高
backgroun-position:100px 50px 水平方向向右偏移100像素 垂直方向向下偏移50px
backg-position有两个值,第一个是水平方向,第二个是垂直方向
background-images的优先级比background-color的优先级高
3、background-repeat:no-repeat(repeat;repeat-x;repeat-y分别表示双轴,单轴重复);<br/>4、background-position:right top(水平位置,垂直位置共9点位置,用于定位图像位置)<br/>
1、background-color:设置背景颜色;<br/>line-height可以提高行高以增加背景的高度,增加后文字处于中间。<br/>2、backgroud-image:设置背景图像。<br/>如果背景图像与背景颜色同时存在,背景图像将优先于背景颜色,当背景图像较小时,默认情况下图像将进行平铺。可以用以下重复方式控制背景图像。
在style中的任意一个类属性设置中点击,然后打开窗口菜单的Css设计器,就可以用设计器对各种样式进行设计。
背景固定:background:url( image es/pic1.jpg)fixed(图片固定不随滚动条滚动)
bg-position:后面的两个值一个是水平位置,一个垂直位置
bg-attachment:固定背景图,背景图不会根据背景条滚动而滚动
bg-position:后面的两个值一个是水平位置,一个垂直位置