CSS世界（三）背景装饰

柯岩《美的追求者·花开花谢》：“画面上是一个沉思的姑娘，极为明丽的背景衬着一个俯首沉思的形象。”
《<端木蕻良小说选>自序》：“这相片是在什么地方照的，当时的背景是哪里，我都记不起来，回答不出。”

背景装饰

CSS世界里的背景装饰，装饰了CSS世界

背景颜色

background-color
颜色的表示方式:  颜色名 red, #fff, rgb(1,1,1), rgba(1,1,1,0.1), hsl(120deg, 100%, 50%), HSLA(H deg,S %,L %,A 0.1) , 透明 transparent 

思考： 
    颜色表示法的区别？以及在那些场景下使用会有不同？

背景图片

background-image

记录下与众不同的bakcgound-position %计算公式 ：　
    positionX = (容器的宽度 - 图片的宽度) * percentX; 
    positionY = (容器的高度 - 图片的高度) * percentY;    

复习思考

1. 元素背景与边框背景在使用上有什么异同?
2. 元素背景与边框背景的层级关系？
3. background,background-color,background-image 优先级的问题？
4. 渐变色的使用 , 线性渐变函数 linear-gradient();，径向渐变函数 radial-gradient()