第六章背景与阴影
一、背景属性
background-color:设置背景颜色 值:关键字 16进制 rgb
background-image:设置背景图片 值:url(路径)
background-repeat:设置背景图片重复 值:no-repeat(不重复) repeat-x(水平重复) repeat-y(垂直重复)
background-position:设置背景图片位置 值:关键字 left center top center bottom
background-size:设置背景图片的尺寸大小 值:百分比 100%
background: 设置背景样式综合属性,可以同时设置多个关于背景属性
margin:auto; 图片水平居中
二、样式精灵
一、背景:
由于页面图片众多,为了减少向服务器请求次数,可以将多张图片合并成一张图片,从而减少请求的次数,以及图片文件的大小,提高页面的加载速度。
二、本质:
背景图片会比标签大
三、步骤
1.通过ps量取你所要展示的图片大小,并设置标签为相应的尺寸。
2.通过背景位置属性的调节最终所要呈现的效果
四、方向
水平:向右:负数 向左:正数
垂直:向上:负数 向下:正数