六、顏色和背景

可以設(shè)置前景色color和背景色background-color
(前景：指元素中的文本，包括元素的邊框border-color;
背景：指前景后面的空間，直到邊框的邊緣，這樣，內(nèi)容框和填充都是元素背景的一部分background-color和background屬性)

color
允許值 <顏色>
初始值 與用戶有關(guān)
可否繼承 是
適用于 所有元素

舉例：(將顏色和偽類連接連用，可以替代body的設(shè)置)
body{color:#000;}
a:link{color:#808080;}
a.external:link{color:#666;}
a.active{color:silver;}
a.visited{color:#333;}
a.external:visited{color:#000;}

background-color
允許值 <顏色>|transparent
初始值 transparent
可否繼承 否
適用于 所有元素

背景指的是內(nèi)容框和補(bǔ)白（padding），總是位于前景的后面。

背景可以是一幅圖像：
background：url(img.jpg)；

background-image
允許值 <url>|none
初始值 none
可否繼承 否
適用于 所有元素，內(nèi)聯(lián)元素(鏈接、表格單元)也可以設(shè)置背景圖片

按方向重復(fù)圖像

background-repeat
允許值 repeat(在兩個(gè)方向上平鋪)| repeat-x| repeat-y| no-repeat
初始值 repeat
可否繼承 否
適用于 所有元素

背景位置

background-position
允許值 【<百分比>|<長度>】{1,2}|【top| center| bottom】|【left| center| right】
初始值 0% 0%
可否繼承 否
適用于 塊級(jí)元素和替換元素
！注意 百分比是指相對(duì)于元素和初始圖像上的一個(gè)點(diǎn)的值

長度值和百分比值可以為負(fù)值，這將使圖像以某種程度偏離元素。

背景圖像固定在視野范圍內(nèi)，即使有鼠標(biāo)的滾動(dòng)

background-attachment
允許值 scroll | fixed
初始值 scroll
可否繼承 否
適用于 所有元素

綜合起來，背景屬性可以綜合到一個(gè)縮略屬性中：background

background
允許值 <背景顏色>||<背景圖像>||<背景重復(fù)>||<背景附件>||<背景位置>
初始值 參見以上
可否繼承 否
適用于 所有元素

補(bǔ)白不能設(shè)為負(fù)值，邊界卻可以

定位

設(shè)置position:absolute(表示絕對(duì)定位)，這條語句的作用將元素從文檔流中拖出來，然后使用left、right、top、bottom屬性相對(duì)于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對(duì)定位。如果不存在這樣的包含塊，則相對(duì)于body元素，即相對(duì)于瀏覽器窗口。

position
允許值 static | relative | absolute | fixed | inherit
初始值 static
適用于 所有元素
可否繼承 否

絕對(duì)定位position：absolute

（1）絕對(duì)定位元素定位是根據(jù)它的包含塊進(jìn)行定位的，它的包含塊不一定是它的父元素，只要把想包含它的元素設(shè)置為position：relative就行
（2）另外，重要的一點(diǎn)是：當(dāng)元素被定位時(shí)，它為后輩元素生成了包含塊，可以絕對(duì)定位一個(gè)元素，然后再絕對(duì)定位它的后輩

相對(duì)定位position：relative

嵌套相對(duì)定位：
當(dāng)相對(duì)定位一個(gè)元素時(shí)，它立即為每個(gè)下級(jí)元素生成一個(gè)新的包含塊。這個(gè)包含塊與元素定位的位置相關(guān)。這樣，可以相對(duì)一個(gè)元素的上級(jí)元素來定位它，使自身被相對(duì)定位。