背景顏色屬性,表示顏色的方法有三種:單詞,rgb表示法,十六進製制表示法
例如:紅色 :
background-color: red;
黃色 : background-color: yellow;
rgb表示三原色「紅」
red、「綠」
green
、「藍」
blue
。r、g、
b,每個值取值範圍
0~255
,一共256
個值。
如果其中乙個值為255,另外兩個為
0,那麼就說明是純色,三個值相等是灰色:
紅色 : background-color:rgb(255,0,0);
綠色 : background-color:rgb(0,255,0);
藍色: background-color:rgb(0,0,255);
黑色: background-color:rgb(0,0,0);
白色: background-color:rgb(255,255,255);
灰色: background-color:rgb(111,111,111); 值越大,灰色越淺。
紅色: background-color:#ff0000;
所有用#開頭的值,都是
十六進製制的。1十六進製制表示法,也是兩位兩位看,看r、
g、b,但是沒逗號隔開。
#ff00
00
中ff就是
10進製的
255
,00
就是10
進製的0,00
就是10
進製的0
。所以等價於
rgb(255,0,0);
16進製制中基本數字(一共
16個):0、
1、2、
3、4、
5、6、
7、8、
9、a、
b、c、
d、e、
fbackground-color: #12
3456;
等價於:
background-color: rgb(18,52,86);
任何一種十六進製制表示法,都能換算成為rgb表示法。也就是說,兩個表示法的顏色數量,一樣
。
十六進製制可簡化為3位,所有
#aabbcc
的形式的,都能簡化為
#abc;
比如:background-color:#ff00ff;
等價於background-color:#f0f;
比如:background-color:#112233;
等價於background-color:#123;
要記住:
1 #000 黑
2 #fff 白
3 #f00 紅
#0f0 綠
#00f 藍
4 #333 灰
5 #222 深灰
6 #ccc 淺灰
url()表示**,
uniform resouces locator
同意資源定位符;
就是相對路徑。
背景預設平鋪滿盒子的。padding區域有背景圖。
設定背景圖是否重複,以及重複方式。
background-repeat:no-repeat; 不重複
background-repeat:repeat-x; 橫向重複
background-repeat:repeat-y; 縱向重複
背景定位屬性
background-position: 描述左右的詞兒 描述上下的詞兒
;描述左右的詞兒: left、
center
、right
描述上下的詞兒: top 、
center
、bottom
1) 大背景圖居中
2) 通欄
banner 語句:
background-position: center top;
background-position:向右移動量 向下移動量
;
移動量可以是負數。比如,向左移動120px,就相當於向右移動-120px;向上移動150px,就相當於向下移動-150px。
通常用來做
「css
精靈」,
利用css
的背景定位來顯示需要顯示的部分。
背景是否固定。
background-attachment:fixed;
背景就會被固定住,不會被滾動條滾走。
background屬性和
border
一樣,是乙個綜合屬性:
等價於:
可任意省略部分:
background: red;
android layout weight屬性學習
雖然這個android layout weight屬性很怪異,但幸運的是我們達到了目標 按比例顯示linearlayout內各個子控制項,需設定android layout width 0dp 如果為豎直方向的設定android layout height 0dp 在這種情況下某子個控制項占用lin...
ios autoresizingMask屬性的研究
在 uiview 中有乙個autoresizingmask的屬性,它對應的是乙個列舉的值 如下 屬性的意思就是自動調整子控制項與父控制項中間的位置,寬高。1 2 3 4 5 6 7 8 9 enum uiviewautoresizingnone就是不自動調整。uiviewautoresizingfl...
windowSoftInputMode屬性詳解
android windowsoftinputmode是activity主視窗與軟鍵盤的互動模式,可以用來避免輸入法面板遮擋問題,是android1.5後的乙個新特性。這個屬效能影響兩件事情 一 當有焦點產生時,軟鍵盤是隱藏還是顯示。二 是否減少活動主視窗大小以便騰出空間放軟鍵盤。它的設定必須是下面...