盒子背景
- 背景颜色:只能是纯色,全平铺——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: 显示为:行内盒子//块盒子//不显示