CSS bacground系列屬性

2021-08-19 17:47:19 字數 2924 閱讀 2560

背景顏色屬性,表示顏色的方法有三種:單詞,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後的乙個新特性。這個屬效能影響兩件事情 一 當有焦點產生時,軟鍵盤是隱藏還是顯示。二 是否減少活動主視窗大小以便騰出空間放軟鍵盤。它的設定必須是下面...