本节简介:本节课主要介绍背景属性在CSS中的作用,了解背景属性可以完成的功能,以及class类选择器的功能与应用方法。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
背景固定:<attachmen>就是在首页浏览的时候固定一个背景图片,这个很重要
水平移动:<position>就是说把一张背景图片覆盖后,移到自己想要的位置X轴和Y轴,提前把单位设置成PX
css属性里面<background>就是文字背景的颜色
class选择器,以.box为选择器名称,先设定好格式,在用在需要的地方右击css样式,选择box进行应用
如果想要背景不动,元素动,需要对整个body区块对样式定义
background-position:背景偏移调整:改变图像在盒子中的位置。background-attachment:背景固定;fixed.固定。scroll,背景图随着滚动而移动
background简写:color,url,repeat,position,attachment 。(position的两个值不能分开)
background-size:背景大小,cover图形高度填满,contain宽度填满。不要小图放大、。
background-gradient:背景渐变色。渐变上图片下,背景改成不重复,轴就会同时看到。
background-attachment:背景固定。fixed.固定。scroll,背景图随着滚动而移动
background-position:背景偏移调整:改变图像在盒子中的位置。贴边用英文方向设置准确
background-repeat:背景如何重复设置,repeat垂直方向和水平方向重复。repeat-x:图像将在水平方向重复。repeat-y:图像将在垂直方向重复。no-repeat:图像仅显示一次。
背景图像 background 重复 background:repeat 水平重复background:repeat-x 垂直重复 background:repeat-y