学习笔记（盒子背景、块盒子、内盒子）

盒子背景

• 背景颜色：只能是纯色，全平铺——css3里面已经可以设置过度色。background-color:颜色值；
• 背景图片：需要设置图片路径，还可以设置是否重复（平铺），怎么重复，怎么定位。background-image:url(图片路径);
  background-repeat: repeat // no-repeat // repeat-x // repeat-y;
  background-position: 水平定位方式 垂直定位方式；
  水平定位方式有： left // center // right // 离左边的像素值；
  垂直定位方式有： top // center // bottom // 离顶部的像素值；
• 背景综合属性：可以一次性设置有关背景的多个数据值：
  background：背景色值 背景图值 背景图重复性值 背景图定位值；

块盒子和行内盒子的真相

对块盒子，其display属性的值默认是block
对行内盒子，其display属性的值默认是inline；
块盒子和行内盒子可以相互转换。
div{ display: inline;} ——此时div就跟span一样。
span{ display: block;} ——此时span就跟div一样。
display: inline // block // none: 显示为：行内盒子//块盒子//不显示