背景相关属性——background
一、背景颜色——background-color
属性值:具体颜色单词、rgb、rgba、十六进制
二、背景图片——background-image
属性值:url()
注意点:
1、url()中放置图片的地址, 图片的地址可以是本地的地址, 也可以是网络的地址
2、如果图片的大小没有标签的大小大, 那么会自动在水平和垂直方向平铺来填充
3、如果网页上出现了图片, 那么浏览器会再次发送请求获取图片
二、背景平铺——background-repeat
属性值: repeat/默认值,水平垂直都需要平铺;
norepeat/不平铺;
repeat-x/只在水平方向上平铺;
repeat-y/只在垂直方向上平铺
三、背景定位——background-position
控制背景图片的位置
属性值: 具体方位名词;
水平方向 :left center right ;
垂直方向 top center bottom;
四、背景属性连写——background
属性值可以省略
四、背景关联——background-attachment
属性值:scroll;默认值,会随着滚动条的滚动而滚动;
fixed;不会随着滚动条的滚动而滚动
快捷键:ba background-attachment:;
五、插入图片和背景图片的区别
插入图片:占位置;
有定位属性,方便控制位置;
使用的图片经常更换时,使用。
背景图片: 装饰图;
无定位属性;
不经常更换的图片。