關聯(lián)現(xiàn)在已經(jīng)知道，可以將背景原圖像放在元素背景上的任何位置，而且可以控制（從某種程度上）它如何平鋪。不過，你可能已經(jīng)認識到了，將一個圖像放在body元素的中心可
查看詳情有方向的重復（深入）在前面關于重復的一節(jié)中，我們介紹了值repeat-x、repeat-y和repeat，并說明了它們對背景圖像的平鋪有何影響。不過，對于這些值，平鋪模式總是從包
查看詳情長度值最后，我們來看定位的長度值。在為原圖像的位置提供長度值時，這些長度值將解釋為從元素內邊距區(qū)左上角的偏移。偏移點是原圖像的左上角。因此，如果設置值為2
查看詳情百分數(shù)值百分數(shù)值與關鍵字緊密相關，不過其表現(xiàn)方式更為復雜。假設你希望用百分數(shù)值將原圖像在其元素中居中。這很容易：p{background-image:url(bigyinyang.gif);b
查看詳情關鍵字圖像放置關鍵字最容易理解。其作用如其名所表明的，例如，topright使原圖像放在元素內邊距區(qū)的右上角。再回過頭來看先前的那個小“陰陽”符號：p{background-
查看詳情利用background-repeat，可以把一個大圖像放在文檔的背景中，然后使之一直重復。在此基礎上，下面來看如何改變圖像在背景中的位置。例如，可以在body元素中將一個背景
查看詳情有方向的重復過去，如果想要某種“邊欄式（sidebar）”背景，必須創(chuàng)建一個很短但非常寬的圖像放在背景上。有一段時間，這種圖像的最佳大小是10像素高1,500像素寬。當然
查看詳情關于背景的良好實踐圖像放在所指定的背景顏色之上，如果完全平鋪GIF、JPEG或其他不透明的圖像類型，圖像在背景顏色之上并不會造成任何不同，因為完全平鋪的圖像會填
查看詳情為什么背景不能繼承之前我專門指出過，背景不能繼承。從背景圖像可以了解到為什么繼承背景不是一件好事。假設背景確實能繼承，而且向body應用了一個背景圖像。這個
查看詳情背景圖像前面已經(jīng)介紹了前景和背景色的基礎知識，下面來討論背景圖像。在HTML3.2中，可以通過使用BODY屬性BACKGROUND向文檔的背景關聯(lián)一個圖像：這會使用戶代理加載
查看詳情特殊效果只需結合color和background-color，就可以創(chuàng)建一些有用的效果：h1{color:white;background-color:rgb(20％,20％,20％)font-family:Arial,sans-serif;}這個例子
查看詳情歷史問題所以，設置背景色很簡單——對此只有一個小小的警告：Navigator4對背景色的處理完全是錯誤的。它不是將背景色應用到整個內容框和內邊距，背景色只出現(xiàn)在文本
查看詳情元素的背景區(qū)包括前景之下直到邊框外邊界的所有空間，因此，內容框和內邊距都是元素背景的一部分，且邊框畫在背景之上。CSS允許應用純色作為背景，也允許使用背景圖像
查看詳情由color的定義可知，這個屬性是可以繼承的。這是有道理的，因為如果聲明body{color:gray;}，你可能希望該段落中的所有文本也應當是灰色，即便是強調文本、粗體文本等
查看詳情影響表單元素（從理論上講）網(wǎng)站建設也可以為表單元素設置color值。聲明select元素有暗灰色文本就很簡單，如下：select{color:rgb(33%,33%,33%);}這可能還會設置sele
查看詳情影響邊框color值還可以影響元素周圍的邊框。假設已經(jīng)聲明了以下樣式，其結果如圖9-4所示：p.aside{color:gray;border-style:solid;}圖9-4：邊框顏色取自內容的顏色元
查看詳情color有很多用法，其中最基本的是替換HTML3.2的BODY屬性TEXT、LINK、ALINK和VLINK。利用錨偽類，color完全可以替換這些BODY屬性。下例中的第一行可以用后面的CSS重
查看詳情要設置一個元素的前最色，最容易的辦法是利用屬性color。color值：|inherit初始值：用戶代理特定的值應用于：所有元素繼承性：有計算值：根據(jù)指定確定在第4章曾經(jīng)討論過
查看詳情內邊距和行內元素對于行內元素，外邊距和內邊距存在一個重要的區(qū)別。為說明這一點，下面先來看左右內邊距。如果為左右內邊距設置了值，左右內邊距將是可見的：strong
查看詳情可以猜得到，網(wǎng)站建設CSS提供了一些屬性來設置框的單邊內邊距，而不影響其他邊上的內邊距。padding-top、padding-right、padding-bottom、padding-left值：<length>
查看詳情元素框的內邊距在邊框和內容區(qū)之間。亳不奇怪，控制這個區(qū)的最簡單的屬性為padding。padding值：{1,4}1inherit初始值：對于簡寫元素未定義應用于：所有元素繼承性：無
查看詳情對于處理邊框和行內元素我們應該很熟悉了，因為其規(guī)則很大程度上與外邊距和行內元素的相應規(guī)則相同，這在第7章做過介紹。不過，在此還是簡要地介紹一下。首先，不論為
查看詳情下面我們來看所有邊框屬性中最簡短的簡寫屬性：border.值：border|inherit初始值：根據(jù)單個屬性應用于：所有元素繼承性：無計算值：根據(jù)指定確定這個屬性有一個好處，它
查看詳情遺憾的是，簡寫屬性（如border-color和border-style）并不總像你想得那么有用。例如，你可能想在所有h1元素上應用一個粗的灰色實線邊框，不過只是底邊上有此邊框。如果
查看詳情與邊框的其他方面相比，設置顏色很簡單。網(wǎng)站建設CSS使用了一個簡單屬性border-color，它一次可以接受最多4個顏色值。border-color值：{1,4}|inherit初始值：對簡寫屬
查看詳情一旦為邊框指定一個樣式，下一步就是使用border-width為它指定一個寬度。border-width值：{1,4}|inherit初始值：對簡寫屬性未定義應用于：所有元素繼承性：無計算值：見
查看詳情CSS規(guī)范清楚地指出元素的背景會延伸到邊框邊界之外，因為規(guī)范中提到，邊框繪制在“元素的背景之上”。這很重要，因為有些邊框是“間斷的”（例如，點線邊框或虛線框），
查看詳情元素外邊距內就是元素的邊框（border）。元素的邊框就是圍繞元素內容和內邊距的一條或多條線。因此，元素的背景會在外邊框邊界處停止，因為背景不會延伸到外邊距以內
查看詳情網(wǎng)頁設計外邊距很有用，但同時也存在很多問題——毫不奇怪，這些問題都圍繞著NetscapeNavigator4.x(NN4.X）。第一個問題是，Navigator4.x會把外邊距規(guī)則指定的外邊距
查看詳情