scc顯示模式+背景
一、CSS元素顯示模式
元素顯示模式:元素(標簽)以什么方式進行顯示。
HTML元素一般分為塊元素和行內(nèi)元素兩種類型。

1.塊元素

2.行內(nèi)元素

3.行內(nèi)塊元素

4.元素顯示模式轉換
一個模式的元素轉換為另一種模式。

二、CSS背景

1.背景顏色
元素背景默認是transparent(透明)。
半透明效果:(瀏覽器IE9+版本支持,但實際開發(fā)中不太關注兼容性的時候可以大膽用)
最后一個參數(shù)是alpha不透明度,取值范圍0~1;0不透明,1完全透明。
注:背景半透明是指盒子背景半透明,盒子里面的內(nèi)容不受影響。
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.背景復合寫法
書寫順序:背景顏色 背景圖片地址 背景平鋪 背景圖像滾動 背景圖片位置;
標簽: