scc显示模式+背景
一、CSS元素显示模式
元素显示模式:元素(标签)以什么方式进行显示。
HTML元素一般分为块元素和行内元素两种类型。

1.块元素

2.行内元素

3.行内块元素

4.元素显示模式转换
一个模式的元素转换为另一种模式。

二、CSS背景

1.背景颜色
元素背景默认是transparent(透明)。
半透明效果:(浏览器IE9+版本支持,但实际开发中不太关注兼容性的时候可以大胆用)
最后一个参数是alpha不透明度,取值范围0~1;0不透明,1完全透明。
注:背景半透明是指盒子背景半透明,盒子里面的内容不受影响。
2.背景图片
none:默认值,无背景图。
url:使用绝对或相对地址指定背景图像。
3.背景平铺
对背景图像进行平铺。
repeat:默认值,在纵向和横向上平铺。
no-repeat:不平铺。
repeat-x:沿x轴平铺。
repeat-y:沿y轴平铺。
4.背景图片的位置(很重要)

如果只写一个方位名词,则另一个默认居中(center)。
top bottom:y轴的值。
left right: x轴的值。
精确坐标可以和方位名词同时使用。
若写精确坐标,则x坐标在前,y坐标在后。
5.背景图像固定(背景附着)

6.背景复合写法
书写顺序:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置;