前端学习日记（九）：css中背景、边框、表格、浮动布局、定位布局的简单应用

一、背景（background）

1. background-color 为元素设置一种颜色

2. background-image 为元素设置一个背景图片
   取值： • none 和• url(‘图片地址’)

3. background-size 设置背景的大小
   取值 （1） cover ：扩展背景图片，覆盖背景区域，保持背景图片的比例，可能容器内的内景图片展示不完全。按照容器的最大边扩展。
   （2）contain： 扩展背景图片，覆盖背景区域，保持背景图片的比例，如果不重复，可能容器有一部分没有背景图片。按照容器的最小边扩展 。
   （3） 百分比：扩展背景图片，覆盖背景区域，不保持背景比例
   如果用的是大图，想要全部显示，设置背景图片大小
   background-size: 100% 100%;
   （4） 绝对值

4. background-repeat 设置背景图片的重复方式
   • repeat 为了覆盖整个背景范围，背景图片尽可能多的重复，在背景边 缘切割最后一个图片以使用整个背景范围。
   • repeat-x x方向平铺一行
   • repeat-y y方向平铺一行
   • no-repeat 不重复

5. background-position 设置为背景图像初始位置，可以实现图片精灵
   （1）图片精灵技术的用处：减少网页访问服务器的次数，节约网络资源。
   （2）图片精灵技术实现方法：将所有使用背景图片的