如果一個(gè)元素的內(nèi)容對(duì)于元素大小來(lái)說(shuō)過(guò)大，就有可能溢出元素本身。對(duì)于這種情況，有一些候選解決辦法，CSS2允許你從中選擇。它還允許定義一個(gè)剪裁區(qū)域，如果出了這個(gè)
查看詳情很多情況下，如果已經(jīng)確定將元素定位到哪里，接下來(lái)可能希望聲明該元素應(yīng)當(dāng)有多高、多寬。另外，有時(shí)你可能想限制一個(gè)定位元素的高度和寬度，還有一些情況下也許你希
查看詳情上一節(jié)介紹的三種定位機(jī)制使用了4個(gè)屬性來(lái)描述定位元素各邊相對(duì)于其包含塊的偏移。我們將這4個(gè)屬性稱為偏移屬性，這對(duì)于完成定位是很重要的一部分。top、right、b
查看詳情本章較早前討論過(guò)浮動(dòng)元素的包含塊。對(duì)于浮動(dòng)元素，其包含塊定義為最近的塊級(jí)祖先元素。對(duì)于定位，情況則沒(méi)有這么簡(jiǎn)單。CSS2.1定義了以下行為：“根元素”的包含塊（
查看詳情定位的原理很簡(jiǎn)單。利用定位，可以準(zhǔn)確地定義元素框相對(duì)于其正常位置應(yīng)該出現(xiàn)在哪里，或者相對(duì)于父元素、另一個(gè)元素甚至瀏覽器窗口本身的位置?；靖拍钌钊胗懻摳?/p> 查看詳情
我們已經(jīng)討論了一些浮動(dòng)行為，介紹定位前還有一個(gè)內(nèi)容沒(méi)有談到。網(wǎng)頁(yè)設(shè)計(jì)人員可能并不總是希望內(nèi)容流過(guò)浮動(dòng)元素，某些情況下，可能要特意避免這種行為。如果你的文檔
查看詳情有意思的是，負(fù)外邊距可能導(dǎo)致浮動(dòng)元素移到其父元素的外面。這看上去與先前的規(guī)則相矛盾，不過(guò)其實(shí)并不矛盾。通過(guò)設(shè)置負(fù)外邊距，元素可能看上去比其父元素更寬，同樣
查看詳情實(shí)用行為前面介紹的規(guī)則有一些有意思的后果，這些結(jié)果源干兩方面，一方面是規(guī)則中指出了一些要求，另一方面是規(guī)則中有些方面沒(méi)有談到。首先要討論浮動(dòng)元素比其父元素
查看詳情深入討論浮動(dòng)的詳細(xì)內(nèi)容之前，首先要建立包含塊的概念，這很重要。浮動(dòng)元素的包含塊是其最近的塊級(jí)祖先元素。因此，在以下標(biāo)記中，浮動(dòng)元素的包含塊就是包含該浮動(dòng)元
查看詳情浮動(dòng)元素對(duì)于浮動(dòng)元素有幾點(diǎn)要記住。首先，會(huì)以某種方式將浮動(dòng)元素從文檔的正常流中刪除，不過(guò)它還是會(huì)影響布局。采用css的特有方式，浮動(dòng)元素幾乎“自成一派”，不過(guò)
查看詳情浮動(dòng)和定位當(dāng)然，通過(guò)字體改變、背景和所有其他屬性，CSS能讓內(nèi)容看上去不錯(cuò)，不過(guò)CSS在完成基本布局任務(wù)方面怎么樣呢？下面來(lái)看浮動(dòng)和定位。CSS對(duì)此提供了一些工具，
查看詳情關(guān)聯(lián)現(xiàn)在已經(jīng)知道，可以將背景原圖像放在元素背景上的任何位置，而且可以控制（從某種程度上）它如何平鋪。不過(guò)，你可能已經(jīng)認(rèn)識(shí)到了，將一個(gè)圖像放在body元素的中心可
查看詳情有方向的重復(fù)（深入）在前面關(guān)于重復(fù)的一節(jié)中，我們介紹了值repeat-x、repeat-y和repeat，并說(shuō)明了它們對(duì)背景圖像的平鋪有何影響。不過(guò)，對(duì)于這些值，平鋪模式總是從包
查看詳情長(zhǎng)度值最后，我們來(lái)看定位的長(zhǎng)度值。在為原圖像的位置提供長(zhǎng)度值時(shí)，這些長(zhǎng)度值將解釋為從元素內(nèi)邊距區(qū)左上角的偏移。偏移點(diǎn)是原圖像的左上角。因此，如果設(shè)置值為2
查看詳情百分?jǐn)?shù)值百分?jǐn)?shù)值與關(guān)鍵字緊密相關(guān)，不過(guò)其表現(xiàn)方式更為復(fù)雜。假設(shè)你希望用百分?jǐn)?shù)值將原圖像在其元素中居中。這很容易：p{background-image:url(bigyinyang.gif);b
查看詳情關(guān)鍵字圖像放置關(guān)鍵字最容易理解。其作用如其名所表明的，例如，topright使原圖像放在元素內(nèi)邊距區(qū)的右上角。再回過(guò)頭來(lái)看先前的那個(gè)小“陰陽(yáng)”符號(hào)：p{background-
查看詳情利用background-repeat，可以把一個(gè)大圖像放在文檔的背景中，然后使之一直重復(fù)。在此基礎(chǔ)上，下面來(lái)看如何改變圖像在背景中的位置。例如，可以在body元素中將一個(gè)背景
查看詳情有方向的重復(fù)過(guò)去，如果想要某種“邊欄式（sidebar）”背景，必須創(chuàng)建一個(gè)很短但非常寬的圖像放在背景上。有一段時(shí)間，這種圖像的最佳大小是10像素高1,500像素寬。當(dāng)然
查看詳情關(guān)于背景的良好實(shí)踐圖像放在所指定的背景顏色之上，如果完全平鋪GIF、JPEG或其他不透明的圖像類型，圖像在背景顏色之上并不會(huì)造成任何不同，因?yàn)橥耆戒伒膱D像會(huì)填
查看詳情為什么背景不能繼承之前我專門指出過(guò)，背景不能繼承。從背景圖像可以了解到為什么繼承背景不是一件好事。假設(shè)背景確實(shí)能繼承，而且向body應(yīng)用了一個(gè)背景圖像。這個(gè)
查看詳情背景圖像前面已經(jīng)介紹了前景和背景色的基礎(chǔ)知識(shí)，下面來(lái)討論背景圖像。在HTML3.2中，可以通過(guò)使用BODY屬性BACKGROUND向文檔的背景關(guān)聯(lián)一個(gè)圖像：這會(huì)使用戶代理加載
查看詳情特殊效果只需結(jié)合color和background-color，就可以創(chuàng)建一些有用的效果：h1{color:white;background-color:rgb(20％,20％,20％)font-family:Arial,sans-serif;}這個(gè)例子
查看詳情歷史問(wèn)題所以，設(shè)置背景色很簡(jiǎn)單——對(duì)此只有一個(gè)小小的警告：Navigator4對(duì)背景色的處理完全是錯(cuò)誤的。它不是將背景色應(yīng)用到整個(gè)內(nèi)容框和內(nèi)邊距，背景色只出現(xiàn)在文本
查看詳情元素的背景區(qū)包括前景之下直到邊框外邊界的所有空間，因此，內(nèi)容框和內(nèi)邊距都是元素背景的一部分，且邊框畫(huà)在背景之上。CSS允許應(yīng)用純色作為背景，也允許使用背景圖像
查看詳情由color的定義可知，這個(gè)屬性是可以繼承的。這是有道理的，因?yàn)槿绻暶鱞ody{color:gray;}，你可能希望該段落中的所有文本也應(yīng)當(dāng)是灰色，即便是強(qiáng)調(diào)文本、粗體文本等
查看詳情影響表單元素（從理論上講）網(wǎng)站建設(shè)也可以為表單元素設(shè)置color值。聲明select元素有暗灰色文本就很簡(jiǎn)單，如下：select{color:rgb(33%,33%,33%);}這可能還會(huì)設(shè)置sele
查看詳情影響邊框color值還可以影響元素周圍的邊框。假設(shè)已經(jīng)聲明了以下樣式，其結(jié)果如圖9-4所示：p.aside{color:gray;border-style:solid;}圖9-4：邊框顏色取自內(nèi)容的顏色元
查看詳情color有很多用法，其中最基本的是替換HTML3.2的BODY屬性TEXT、LINK、ALINK和VLINK。利用錨偽類，color完全可以替換這些BODY屬性。下例中的第一行可以用后面的CSS重
查看詳情要設(shè)置一個(gè)元素的前最色，最容易的辦法是利用屬性color。color值：|inherit初始值：用戶代理特定的值應(yīng)用于：所有元素繼承性：有計(jì)算值：根據(jù)指定確定在第4章曾經(jīng)討論過(guò)
查看詳情還記得你第一次改變Web頁(yè)面的顏色是什么時(shí)候嗎？以前總是灰色背景上的黑色文本，其間有一些藍(lán)色的鏈接，突然之間，你可以按自己的意愿使用任何顏色組合，可以是黑色背
查看詳情
