HTML笔记_第六章背景与阴影

第六章背景与阴影

一、背景属性

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.通过背景位置属性的调节最终所要呈现的效果

四、方向

水平：向右：负数 向左：正数

垂直：向上：负数 向下：正数