內(nèi)邊距和行內(nèi)元素對于行內(nèi)元素，外邊距和內(nèi)邊距存在一個重要的區(qū)別。為說明這一點，下面先來看左右內(nèi)邊距。如果為左右內(nèi)邊距設(shè)置了值，左右內(nèi)邊距將是可見的：strong
查看詳情可以猜得到，網(wǎng)站建設(shè)CSS提供了一些屬性來設(shè)置框的單邊內(nèi)邊距，而不影響其他邊上的內(nèi)邊距。padding-top、padding-right、padding-bottom、padding-left值：<length>
查看詳情元素框的內(nèi)邊距在邊框和內(nèi)容區(qū)之間。亳不奇怪，控制這個區(qū)的最簡單的屬性為padding。padding值：{1,4}1inherit初始值：對于簡寫元素未定義應(yīng)用于：所有元素繼承性：無
查看詳情對于處理邊框和行內(nèi)元素我們應(yīng)該很熟悉了，因為其規(guī)則很大程度上與外邊距和行內(nèi)元素的相應(yīng)規(guī)則相同，這在第7章做過介紹。不過，在此還是簡要地介紹一下。首先，不論為
查看詳情下面我們來看所有邊框?qū)傩灾凶詈喍痰暮唽憣傩裕篵order.值：border|inherit初始值：根據(jù)單個屬性應(yīng)用于：所有元素繼承性：無計算值：根據(jù)指定確定這個屬性有一個好處，它
查看詳情遺憾的是，簡寫屬性（如border-color和border-style）并不總像你想得那么有用。例如，你可能想在所有h1元素上應(yīng)用一個粗的灰色實線邊框，不過只是底邊上有此邊框。如果
查看詳情與邊框的其他方面相比，設(shè)置顏色很簡單。網(wǎng)站建設(shè)CSS使用了一個簡單屬性border-color，它一次可以接受最多4個顏色值。border-color值：{1,4}|inherit初始值：對簡寫屬
查看詳情一旦為邊框指定一個樣式，下一步就是使用border-width為它指定一個寬度。border-width值：{1,4}|inherit初始值：對簡寫屬性未定義應(yīng)用于：所有元素繼承性：無計算值：見
查看詳情CSS規(guī)范清楚地指出元素的背景會延伸到邊框邊界之外，因為規(guī)范中提到，邊框繪制在“元素的背景之上”。這很重要，因為有些邊框是“間斷的”（例如，點線邊框或虛線框），
查看詳情元素外邊距內(nèi)就是元素的邊框（border）。元素的邊框就是圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線。因此，元素的背景會在外邊框邊界處停止，因為背景不會延伸到外邊距以內(nèi)
查看詳情網(wǎng)頁設(shè)計外邊距很有用，但同時也存在很多問題——毫不奇怪，這些問題都圍繞著NetscapeNavigator4.x(NN4.X）。第一個問題是，Navigator4.x會把外邊距規(guī)則指定的外邊距
查看詳情外邊距還可以應(yīng)用到行內(nèi)元素，不過效果稍有不同。假設(shè)你想在重點強調(diào)的文本上設(shè)置上下外邊距：strong{margin-top:25px;margin-bottom:50px;}這在規(guī)范中是允許的，不
查看詳情第7章曾經(jīng)討論過，網(wǎng)頁設(shè)計人員可以為元素設(shè)置負外邊距。這會導(dǎo)致元素框超出其父元素，或者與其他元素重疊，但并不違反框模型?？紤]以下規(guī)則：div{border:1pxdottedg
查看詳情幸運的是，確實有一種辦法可以為元素單邊上的外邊距設(shè)置值。假設(shè)你只想把h2元素的左外邊距設(shè)置為3em。不必使用margin（這需要鍵入很多auto），而是可以采用以下方法：
查看詳情有時，為外邊距輸入的值會有些重復(fù)：p{margin:0.25em1em0.25em1em;}不過，不必像這樣重復(fù)地鍵入這對數(shù)字。不需要用上面的規(guī)則，你可以試試以下規(guī)則：p(margin:0.25em1
查看詳情外邊距大多數(shù)正常流元素間出現(xiàn)的間隔都是因為存在元素外邊距，設(shè)置外邊距會在元素外創(chuàng)建額外的“空白?！翱瞻住蓖ǔＶ覆荒芊牌渌氐膮^(qū)域，而且在這個區(qū)域中可以
查看詳情第7章曾討論過，所有文檔元素都生成一個矩形框，這稱為元素框（elementbox），它描述了一個元素在文檔布局中所占的空間大小，因此，網(wǎng)頁設(shè)計中每個框都影響著其他元素框
查看詳情run-in元素網(wǎng)站建設(shè)CSS2引入了一個值run-in，這也是一個有意思的塊/行內(nèi)元素混合，可以使某些塊級元素成為下一個元素的行內(nèi)部分，這種功能對于某些標題效果很有用，這
查看詳情行內(nèi)塊元素看上去值名inline-block是一個混合產(chǎn)物，實際上也確實如此，行內(nèi)塊元素（inline-blockelement）確實是塊級元素和行內(nèi)元素的混合，這個display值是CSS2.1中新
查看詳情改變元素顯示第1章曾簡單地提到，網(wǎng)頁設(shè)計中可以為屬性display設(shè)置一個值來影響用戶代理顯示的方式。既然我們已經(jīng)深入地了解了視覺格式化，下面再使用本章的概念復(fù)
查看詳情行內(nèi)模型歷史溯源網(wǎng)站建設(shè)CSS行內(nèi)格式化模型看上去可能有些沒必要的復(fù)雜，而且在某些方面，甚至與網(wǎng)站建設(shè)人員的意愿相違背。遺憾的是，我們現(xiàn)在要創(chuàng)建的是這樣一種
查看詳情增加框?qū)傩杂辛艘陨狭私?，看上去向行?nèi)替換元素應(yīng)用外邊距、邊距和內(nèi)邊距似乎很簡單。內(nèi)邊距和邊框像平常一樣應(yīng)用到替換元素，內(nèi)邊距在具體內(nèi)容外插入空間，邊框圍繞
查看詳情行內(nèi)替換元素一般認為行內(nèi)替換元素（如圖像）有固有的高度和寬度，例如，一個圖像的高度和寬度可能是某個像素數(shù)。因此，有固有高度的替換元素可能導(dǎo)致行框比正常要高。
查看詳情從前面的討論可以了解到，內(nèi)邊距、外邊距和邊框都可以應(yīng)用于行內(nèi)非替換元素。行內(nèi)元素的這些方面根本不會影響行框的高度。如果對一個無內(nèi)外邊距的span元素應(yīng)用某個
查看詳情管理line-height在前幾節(jié)中我們已經(jīng)了解到，改變一個行內(nèi)元素的line-height可能導(dǎo)致文本行相互重疊。不過，在所有情況下，這種修改都是針對單個元素的，所以，如何以一
查看詳情行內(nèi)格式化第6章曾討論過，所有元素都有一個line-height。這個值會顯著地影響行內(nèi)元素如何顯示，所以要特別注意。首先來看如何確定一行的高度。行的高度（或行框的高
查看詳情除了塊級元素，最常見的就是行內(nèi)元素了。通過為行內(nèi)元素設(shè)置框?qū)傩?，可以進入到一個更有意思的領(lǐng)域（迄今為止，本書還沒涉入過這個領(lǐng)域）。行內(nèi)元素有一些很好的例子，
查看詳情負外邊距負外邊距確實對垂直格式化有影響，而且它們會影響外邊距如何合并。如果垂直外邊距都設(shè)置為負值，瀏覽器會取兩個外邊距絕對值的最大值。如果一個正外邊距與
查看詳情百分數(shù)高度前面已經(jīng)了解了如何處理設(shè)置為長度值的高度，下面再花點時間介紹百分數(shù)高度。如果一個塊級正常流元素的height設(shè)置為一個百分數(shù)，這個值則是包含塊height
查看詳情垂直格式化類似于水平格式化，塊級元素的垂直格式化也有自己一系列有意思的行為。一個元素的默認高度由其內(nèi)容決定。高度還會受內(nèi)容寬度的影響，段落越窄，相應(yīng)地就會
查看詳情
