外邊距還可以應(yīng)用到行內(nèi)元素，不過效果稍有不同。假設(shè)你想在重點(diǎn)強(qiáng)調(diào)的文本上設(shè)置上下外邊距：strong{margin-top:25px;margin-bottom:50px;}這在規(guī)范中是允許的，不
查看詳情第7章曾經(jīng)討論過，網(wǎng)頁(yè)設(shè)計(jì)人員可以為元素設(shè)置負(fù)外邊距。這會(huì)導(dǎo)致元素框超出其父元素，或者與其他元素重疊，但并不違反框模型?？紤]以下規(guī)則：div{border:1pxdottedg
查看詳情幸運(yùn)的是，確實(shí)有一種辦法可以為元素單邊上的外邊距設(shè)置值。假設(shè)你只想把h2元素的左外邊距設(shè)置為3em。不必使用margin（這需要鍵入很多auto），而是可以采用以下方法：
查看詳情有時(shí)，為外邊距輸入的值會(huì)有些重復(fù)：p{margin:0.25em1em0.25em1em;}不過，不必像這樣重復(fù)地鍵入這對(duì)數(shù)字。不需要用上面的規(guī)則，你可以試試以下規(guī)則：p(margin:0.25em1
查看詳情外邊距大多數(shù)正常流元素間出現(xiàn)的間隔都是因?yàn)榇嬖谠赝膺吘?，設(shè)置外邊距會(huì)在元素外創(chuàng)建額外的“空白?！翱瞻住蓖ǔＶ覆荒芊牌渌氐膮^(qū)域，而且在這個(gè)區(qū)域中可以
查看詳情第7章曾討論過，所有文檔元素都生成一個(gè)矩形框，這稱為元素框（elementbox），它描述了一個(gè)元素在文檔布局中所占的空間大小，因此，網(wǎng)頁(yè)設(shè)計(jì)中每個(gè)框都影響著其他元素框
查看詳情run-in元素網(wǎng)站建設(shè)CSS2引入了一個(gè)值run-in，這也是一個(gè)有意思的塊/行內(nèi)元素混合，可以使某些塊級(jí)元素成為下一個(gè)元素的行內(nèi)部分，這種功能對(duì)于某些標(biāo)題效果很有用，這
查看詳情行內(nèi)塊元素看上去值名inline-block是一個(gè)混合產(chǎn)物，實(shí)際上也確實(shí)如此，行內(nèi)塊元素（inline-blockelement）確實(shí)是塊級(jí)元素和行內(nèi)元素的混合，這個(gè)display值是CSS2.1中新
查看詳情改變?cè)仫@示第1章曾簡(jiǎn)單地提到，網(wǎng)頁(yè)設(shè)計(jì)中可以為屬性display設(shè)置一個(gè)值來影響用戶代理顯示的方式。既然我們已經(jīng)深入地了解了視覺格式化，下面再使用本章的概念復(fù)
查看詳情行內(nèi)模型歷史溯源網(wǎng)站建設(shè)CSS行內(nèi)格式化模型看上去可能有些沒必要的復(fù)雜，而且在某些方面，甚至與網(wǎng)站建設(shè)人員的意愿相違背。遺憾的是，我們現(xiàn)在要?jiǎng)?chuàng)建的是這樣一種
查看詳情增加框?qū)傩杂辛艘陨狭私猓瓷先ハ蛐袃?nèi)替換元素應(yīng)用外邊距、邊距和內(nèi)邊距似乎很簡(jiǎn)單。內(nèi)邊距和邊框像平常一樣應(yīng)用到替換元素，內(nèi)邊距在具體內(nèi)容外插入空間，邊框圍繞
查看詳情行內(nèi)替換元素一般認(rèn)為行內(nèi)替換元素（如圖像）有固有的高度和寬度，例如，一個(gè)圖像的高度和寬度可能是某個(gè)像素?cái)?shù)。因此，有固有高度的替換元素可能導(dǎo)致行框比正常要高。
查看詳情從前面的討論可以了解到，內(nèi)邊距、外邊距和邊框都可以應(yīng)用于行內(nèi)非替換元素。行內(nèi)元素的這些方面根本不會(huì)影響行框的高度。如果對(duì)一個(gè)無內(nèi)外邊距的span元素應(yīng)用某個(gè)
查看詳情管理line-height在前幾節(jié)中我們已經(jīng)了解到，改變一個(gè)行內(nèi)元素的line-height可能導(dǎo)致文本行相互重疊。不過，在所有情況下，這種修改都是針對(duì)單個(gè)元素的，所以，如何以一
查看詳情行內(nèi)格式化第6章曾討論過，所有元素都有一個(gè)line-height。這個(gè)值會(huì)顯著地影響行內(nèi)元素如何顯示，所以要特別注意。首先來看如何確定一行的高度。行的高度（或行框的高
查看詳情除了塊級(jí)元素，最常見的就是行內(nèi)元素了。通過為行內(nèi)元素設(shè)置框?qū)傩?，可以進(jìn)入到一個(gè)更有意思的領(lǐng)域（迄今為止，本書還沒涉入過這個(gè)領(lǐng)域）。行內(nèi)元素有一些很好的例子，
查看詳情負(fù)外邊距負(fù)外邊距確實(shí)對(duì)垂直格式化有影響，而且它們會(huì)影響外邊距如何合并。如果垂直外邊距都設(shè)置為負(fù)值，瀏覽器會(huì)取兩個(gè)外邊距絕對(duì)值的最大值。如果一個(gè)正外邊距與
查看詳情百分?jǐn)?shù)高度前面已經(jīng)了解了如何處理設(shè)置為長(zhǎng)度值的高度，下面再花點(diǎn)時(shí)間介紹百分?jǐn)?shù)高度。如果一個(gè)塊級(jí)正常流元素的height設(shè)置為一個(gè)百分?jǐn)?shù)，這個(gè)值則是包含塊height
查看詳情垂直格式化類似于水平格式化，塊級(jí)元素的垂直格式化也有自己一系列有意思的行為。一個(gè)元素的默認(rèn)高度由其內(nèi)容決定。高度還會(huì)受內(nèi)容寬度的影響，段落越窄，相應(yīng)地就會(huì)
查看詳情百分?jǐn)?shù)如果width，內(nèi)邊距和外邊距設(shè)置為百分?jǐn)?shù)值，會(huì)應(yīng)用同樣的基本規(guī)則。值聲明為長(zhǎng)度還是百分?jǐn)?shù)并不重要。百分?jǐn)?shù)可能很有用。假設(shè)你希望一個(gè)元素的內(nèi)容是其包含塊
查看詳情到目前為止，看上去一切都很直接明了，你可能會(huì)奇怪前面為什么會(huì)說情況可能很復(fù)雜。外邊距還有一個(gè)方面很特殊：外邊距可以為負(fù)，這種設(shè)置是對(duì)的，完全可以將外邊距設(shè)置
查看詳情設(shè)置auto如果設(shè)置width、margin-left或margin-right中的某個(gè)值為auto，而余下兩個(gè)屬性指定為特定的值，那么設(shè)置為auto的屬性會(huì)確定所需的長(zhǎng)度，從而使元素框的寬度等
查看詳情塊級(jí)元素的表現(xiàn)有時(shí)可以預(yù)測(cè)，有時(shí)則很讓人驚訝。例如，元素沿橫軸和豎軸擺放時(shí)，其處理就可能不同，為了充分了解如何處理塊級(jí)元素，必須對(duì)一些邊界和區(qū)域很清楚。圖7
查看詳情在前面幾章中。我們針對(duì)CSS如何處理文檔中的文本和字體介紹了很多實(shí)用知識(shí)。這一章中，我們將介紹視覺表現(xiàn)的一些理論方面，另外，前面為了強(qiáng)調(diào)CSS如何實(shí)現(xiàn)而跳過了一
查看詳情CSS2包含一個(gè)屬性來為文本增加陰彩，不過這個(gè)屬性并沒有在CSS2.1中保留，因?yàn)樵贑SS2.1完成前沒有一個(gè)瀏覽器對(duì)此提供了充分的支持?？梢钥紤]一下，如果要讓W(xué)eb瀏覽器
查看詳情下面來看如何使用text-transform屬性處理文本的大小寫。默認(rèn)值none對(duì)文本不做任何改動(dòng)，將使用源文檔中原有的大小寫，頭名思義，uppercase和lowercase將文本轉(zhuǎn)換為全
查看詳情前面已經(jīng)介紹了對(duì)齊，下面來看如何處理網(wǎng)頁(yè)設(shè)計(jì)中字間隔和字母間隔。同樣地，這些屬性存在一些不太直觀的問題。字間隔word-spacing屬性接受一個(gè)正長(zhǎng)度值或負(fù)長(zhǎng)度值
查看詳情前面已經(jīng)討論了水平對(duì)齊，下面來看垂直對(duì)齊。因?yàn)槲谋拘械臉?gòu)造將在第7章更詳細(xì)地討論，這里只是提供一個(gè)簡(jiǎn)單的概述。行高line-height屬性是指文本行基線之間的距離
查看詳情不錯(cuò)，很多Web設(shè)計(jì)都需要選擇適當(dāng)?shù)念伾?，讓?yè)面有最酷的外觀，不過在真正的Web設(shè)計(jì)中，可能更多的時(shí)間都花在這樣一些問題上：文本放在哪里，文本的外觀是怎樣的。由于
查看詳情可以看到，CSS允許匹配字體系列、加粗和變形，所有這些都是通過字體匹配完成的，這是一個(gè)相當(dāng)復(fù)雜的過程。如果創(chuàng)作人員想幫助用戶代理在顯示其文檔時(shí)做出正確的字體
查看詳情