為了完成表的顯示，網(wǎng)站建設(shè)定義了6個(gè)不同的“層”，可以分別放表的不同方面?；菊f(shuō)來(lái)，對(duì)應(yīng)表各個(gè)方面的樣式都在其各自的層上繪制，因此，如果table元素有一個(gè)綠色背
查看詳情1、如果一個(gè)table-cell元素的父元素不是table-row元素，則會(huì)在該table-cell元素及其父元素之間插入一個(gè)匿名table-row對(duì)象。所插入的這個(gè)對(duì)象將包含該table-cell元
查看詳情標(biāo)記語(yǔ)言中可能未包含足夠的元素，以至于無(wú)法按CSS的定義充分表示表，也可能創(chuàng)作人員沒(méi)有加入所有必要的元素。例如，考慮以下HTML:Name:乍看到這個(gè)標(biāo)記，你可能認(rèn)為
查看詳情以行為主CSS將其表模型定義為“以行為主”。換句話說(shuō)，這個(gè)模型假設(shè)創(chuàng)作人員創(chuàng)建的標(biāo)記語(yǔ)言會(huì)顯式聲明行，而列是從單元格行的布局推導(dǎo)出來(lái)的。因此，第一列由各行中
查看詳情在HTML中，很容易知道哪些元素屬于表，因?yàn)橄駎r和td之類元素的處理已經(jīng)內(nèi)置在瀏覽器中。與此不同，在XML中則沒(méi)有辦法從根本上知道哪些元素可能是表的一部分。因此引
查看詳情每個(gè)行框包含一行表格單元。表中的所有行框按其在源文檔中出現(xiàn)的順序從上到下地填充表（表的標(biāo)題行框和腳注行框有所例外，它們分別出現(xiàn)在表的最前面和最后面）。因此
查看詳情表格式化你可能在考慮如何繪制單元格邊框以及如何確定表的大小，不過(guò)在此之前，我們先來(lái)學(xué)習(xí)組裝表的基本方法，并了解表中的元素相互之間有什么關(guān)系。這稱為表格式化
查看詳情表布局看到本章的標(biāo)題，你可能會(huì)奇怪，“表布局？這不是我們一直都極力避免的嗎？”確實(shí)如此，不過(guò)本章并非討論如何使用表來(lái)建立布局，而是要介紹CSS中表本身如何布局，
查看詳情理解起來(lái)最簡(jiǎn)單的定位機(jī)制就是相對(duì)定位。采用這種機(jī)制時(shí)，將通過(guò)使用偏移屬性移動(dòng)定位元素。不過(guò)，這可能有一些有意思的后果。從表面看來(lái)，似乎這就足夠了。假設(shè)希望
查看詳情從上一節(jié)可以看出，固定定位與絕對(duì)定位很類似，只不過(guò)固定元素的包含塊是視窗。固定定位時(shí)，元素會(huì)完全從文檔流中去除，不會(huì)有相對(duì)于文檔中任何部分的位置?？梢圆捎?/p> 查看詳情
對(duì)于所有定位，最后都不免遇到這樣一種情況：兩個(gè)元素試圖放在同一個(gè)位置上。顯然，其中一個(gè)必須蓋住另一個(gè)——不過(guò)，如何控制哪個(gè)元素放在“上層”呢？這就引人了屬性
查看詳情非替換元素和替換元素的定位規(guī)則大不相同。這是因?yàn)樘鎿Q元素有固有的高度和寬度，因此其大小不會(huì)改變，除非創(chuàng)作人員有意顯式地修改。因此，在替換元素定位中沒(méi)有“恰
查看詳情一般地，元素的大小和位置取決于其包含塊。各個(gè)屬性（width、right、padding-left等）的值也會(huì)有一些影響，不過(guò)最主要的還是其包含塊。考慮一個(gè)定位元素的寬度和水平
查看詳情元素絕對(duì)定位時(shí)，如果除bottom外某個(gè)任意偏移屬性設(shè)置為auto，會(huì)有一種特殊的行為。下面以top為例，考慮以下標(biāo)記：WhenweconsiderCheeffectofpositioning,itquicklyb
查看詳情把“放置”和“大小”這兩個(gè)概念放在一起看上去有些奇怪，不過(guò)對(duì)于絕對(duì)定位元素來(lái)說(shuō)，這是必要的，因?yàn)橐?guī)范把它們緊密地綁在一起。如果仔細(xì)考慮，這也不那么奇怪。請(qǐng)
查看詳情元素絕對(duì)定位時(shí)，會(huì)從文檔流中完全刪除。然后相對(duì)于其包含塊定位，其邊界根據(jù)偏移屬性（top、left等）放置，定位元素不會(huì)流入其他元素的內(nèi)容，反之亦然。這說(shuō)明，絕對(duì)定
查看詳情由于上一節(jié)中的大多數(shù)例子和例圖描述的都是絕對(duì)定位，你應(yīng)該對(duì)絕對(duì)定位如何工作有了一定的了解。接下來(lái)主要介紹使用絕對(duì)定位時(shí)的具體細(xì)節(jié)。元素絕對(duì)定位時(shí)，會(huì)從文
查看詳情除了剪裁和溢出，還可以控制整個(gè)元素的可見性。visibility值：visible|hidden|collapse|inherit初始值：visible應(yīng)用于：所有元素繼承性：有計(jì)算值：根據(jù)指定確定這個(gè)屬
查看詳情如果一個(gè)絕對(duì)定位元素的內(nèi)容溢出其內(nèi)容框，而且overflow設(shè)置為要求剪裁該內(nèi)容，通過(guò)使用屬性clip可以改變剪裁區(qū)域的形狀。默認(rèn)值auto表示元素的內(nèi)容不應(yīng)剪裁。還可
查看詳情如果一個(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ì)此提供了一些工具，
查看詳情