2011-08-11 65 views
1

我看到:背景之後,所有這些數字意味着什麼?

background: url("images/tabs.gif") repeat scroll 100% 0 transparent; 
background: url("images/tabs.gif") repeat scroll 0 0 #BBDDFF; 

而且我不明白什麼支架後所有的值都意味着代表。有沒有可以告訴我的事情?

我能在網上找到的唯一的東西,指的是個體背景道具..

+1

看答案引用W3Schools的數量和他們誤爲W3C官方羣。只是...哇。 – BoltClock

+0

@BoltClock XD哈哈,我很驚訝......他們都是從哪裏冒出來的! –

+1

@BoltClock,它仍然令我害怕該網站的受歡迎程度。 –

回答

3

這裏的底部是他們的細分,爲您的使用情況:

//First Background 

url("images/tags.gif"): background-image (the actual background image) 
repeat    : background-repeat (determines if the background repeats) 
scroll    : background-attachment (states if it is fixed or scrolls) 
100%     : background-position (top) 
0      : background-position (left) 
transparent   : background-color 

同樣:

//Second Background 

url("images/tabs.gif") : background-image 
repeat     : background-repeat 
scroll     : background-attachment 
0      : background-position (top) 
0      : background-position (left) 
#BBDDFF;    : background-color 

有關更多信息或文檔,請檢查此問題中找到的其他一些鏈接。下面是一個鏈接,通過專門的背景相關的屬性會:

W3 | CSS (Background-Specific)

+2

更好的細分,我喜歡+1 – BoltClock

+0

請注意,背景顏色應該是W3規範的第一個屬性,如果您將顏色留在最後,則它與實現有關。 –

+1

@Bob在規範中它實際上是這樣說的嗎?例子XV,XVII和XVIII都沒有顏色,最後一個例子是最後一個例子。 –

1

W3background速記CSS屬性定義爲:

背景:<「背景顏色」> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] |繼承

所以你可以看看'簡單'的屬性,並找出速記。

在您例如:

  background-color background-image  background-repeat background-attachment background-position 
                           X Y 
background: transparent  url("images/tabs.gif") repeat   scroll     100% 0 ; 
background: #BBDDFF   url("images/tabs.gif") repeat   scroll     0 0 ; 

注意,我感動的顏色回到前面它應該是

+1

[w3fools](http://w3fools.com) –

+1

W3學校擁有**無**與W3C的關係 –

+0

注意到,使用更好的來源 –

-1

http://www.w3schools.com/css/css_background.asp

向下滾動到「背景 - 速記屬性」。

+0

** [W3 FOOLS!](http://w3fools.com/) ** –

+0

大聲笑它很難避免w3fools ...這是任何類型的CSS谷歌搜索前4個結果。你必須跳過一個額外的箍來找到w3c規範。 – numbers1311407

+0

好吧,對不起,雖然在這種情況下,問題是如此基本,它並不重要。 –

3

鏈接到W3C規範:

http://www.w3.org/TR/CSS2/colors.html

的數字是左和頂部的定位。

+0

感謝您不要像所有其他人一樣發佈w3s鏈接! :P +1 –

+0

它總是讓我覺得背景是在CSS2顏色和背景文檔中定義的,但在CSS3背景和邊框模塊中定義。 – BoltClock

-1

當使用速記屬性的屬性值的順序是:

背景色 背景 - image background-repeat background-attachment background-position

滾動到這個頁面

http://www.w3schools.com/css/css_background.asp

+0

[w3fools](http://w3fools.com/) –