網(wǎng)頁設(shè)計(jì)中的內(nèi)邊距和元素

內(nèi)邊距和行內(nèi)元素對(duì)于行內(nèi)元素,外邊距和內(nèi)邊距存在一個(gè)重要的區(qū)別。為說明這一點(diǎn),下面先來看左右內(nèi)邊距。如果為左右內(nèi)邊距設(shè)置了值,左右內(nèi)邊距將是可見的:strong

查看詳情

網(wǎng)頁設(shè)計(jì)中的單邊內(nèi)邊距

可以猜得到,網(wǎng)站建設(shè)CSS提供了一些屬性來設(shè)置框的單邊內(nèi)邊距,而不影響其他邊上的內(nèi)邊距。padding-top、padding-right、padding-bottom、padding-left值:<length>

查看詳情

網(wǎng)頁設(shè)計(jì)中的內(nèi)邊距

元素框的內(nèi)邊距在邊框和內(nèi)容區(qū)之間。亳不奇怪,控制這個(gè)區(qū)的最簡(jiǎn)單的屬性為padding。padding值:{1,4}1inherit初始值:對(duì)于簡(jiǎn)寫元素未定義應(yīng)用于:所有元素繼承性:無

查看詳情

網(wǎng)頁設(shè)計(jì)中的邊框和行內(nèi)元素

對(duì)于處理邊框和行內(nèi)元素我們應(yīng)該很熟悉了,因?yàn)槠湟?guī)則很大程度上與外邊距和行內(nèi)元素的相應(yīng)規(guī)則相同,這在第7章做過介紹。不過,在此還是簡(jiǎn)要地介紹一下。首先,不論為

查看詳情

網(wǎng)頁設(shè)計(jì)中的全局邊框

下面我們來看所有邊框?qū)傩灾凶詈?jiǎn)短的簡(jiǎn)寫屬性:border.值:border|inherit初始值:根據(jù)單個(gè)屬性應(yīng)用于:所有元素繼承性:無計(jì)算值:根據(jù)指定確定這個(gè)屬性有一個(gè)好處,它

查看詳情

網(wǎng)頁設(shè)計(jì)中的簡(jiǎn)寫邊框?qū)傩?/a>

遺憾的是,簡(jiǎn)寫屬性(如border-color和border-style)并不總像你想得那么有用。例如,你可能想在所有h1元素上應(yīng)用一個(gè)粗的灰色實(shí)線邊框,不過只是底邊上有此邊框。如果

查看詳情

網(wǎng)頁設(shè)計(jì)中的邊框顏色

與邊框的其他方面相比,設(shè)置顏色很簡(jiǎn)單。網(wǎng)站建設(shè)CSS使用了一個(gè)簡(jiǎn)單屬性border-color,它一次可以接受最多4個(gè)顏色值。border-color值:{1,4}|inherit初始值:對(duì)簡(jiǎn)寫屬

查看詳情

網(wǎng)頁設(shè)計(jì)中的邊框?qū)挾?/a>

一旦為邊框指定一個(gè)樣式,下一步就是使用border-width為它指定一個(gè)寬度。border-width值:{1,4}|inherit初始值:對(duì)簡(jiǎn)寫屬性未定義應(yīng)用于:所有元素繼承性:無計(jì)算值:見

查看詳情

網(wǎng)頁設(shè)計(jì)中的邊框背景

CSS規(guī)范清楚地指出元素的背景會(huì)延伸到邊框邊界之外,因?yàn)橐?guī)范中提到,邊框繪制在“元素的背景之上”。這很重要,因?yàn)橛行┻吙蚴恰伴g斷的”(例如,點(diǎn)線邊框或虛線框),

查看詳情

網(wǎng)頁設(shè)計(jì)中的邊框

元素外邊距內(nèi)就是元素的邊框(border)。元素的邊框就是圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線。因此,元素的背景會(huì)在外邊框邊界處停止,因?yàn)楸尘安粫?huì)延伸到外邊距以內(nèi)

查看詳情

網(wǎng)頁設(shè)計(jì)中的外邊距歷史問題

網(wǎng)頁設(shè)計(jì)外邊距很有用,但同時(shí)也存在很多問題——毫不奇怪,這些問題都圍繞著NetscapeNavigator4.x(NN4.X)。第一個(gè)問題是,Navigator4.x會(huì)把外邊距規(guī)則指定的外邊距

查看詳情

網(wǎng)頁設(shè)計(jì)中外邊距和行內(nèi)元素

外邊距還可以應(yīng)用到行內(nèi)元素,不過效果稍有不同。假設(shè)你想在重點(diǎn)強(qiáng)調(diào)的文本上設(shè)置上下外邊距:strong{margin-top:25px;margin-bottom:50px;}這在規(guī)范中是允許的,不

查看詳情

網(wǎng)頁設(shè)計(jì)中的合并外邊距

第7章曾經(jīng)討論過,網(wǎng)頁設(shè)計(jì)人員可以為元素設(shè)置負(fù)外邊距。這會(huì)導(dǎo)致元素框超出其父元素,或者與其他元素重疊,但并不違反框模型??紤]以下規(guī)則:div{border:1pxdottedg

查看詳情

網(wǎng)頁設(shè)計(jì)中的單邊外邊距屬性

幸運(yùn)的是,確實(shí)有一種辦法可以為元素單邊上的外邊距設(shè)置值。假設(shè)你只想把h2元素的左外邊距設(shè)置為3em。不必使用margin(這需要鍵入很多auto),而是可以采用以下方法:

查看詳情

網(wǎng)頁設(shè)計(jì)中的值復(fù)制

有時(shí),為外邊距輸入的值會(huì)有些重復(fù):p{margin:0.25em1em0.25em1em;}不過,不必像這樣重復(fù)地鍵入這對(duì)數(shù)字。不需要用上面的規(guī)則,你可以試試以下規(guī)則:p(margin:0.25em1

查看詳情

網(wǎng)頁設(shè)計(jì)中的外邊距

外邊距大多數(shù)正常流元素間出現(xiàn)的間隔都是因?yàn)榇嬖谠赝膺吘啵O(shè)置外邊距會(huì)在元素外創(chuàng)建額外的“空白?!翱瞻住蓖ǔV覆荒芊牌渌氐膮^(qū)域,而且在這個(gè)區(qū)域中可以

查看詳情

網(wǎng)頁設(shè)計(jì)中的基本元素框

第7章曾討論過,所有文檔元素都生成一個(gè)矩形框,這稱為元素框(elementbox),它描述了一個(gè)元素在文檔布局中所占的空間大小,因此,網(wǎng)頁設(shè)計(jì)中每個(gè)框都影響著其他元素框

查看詳情

網(wǎng)頁設(shè)計(jì)中的run-in元素

run-in元素網(wǎng)站建設(shè)CSS2引入了一個(gè)值run-in,這也是一個(gè)有意思的塊/行內(nèi)元素混合,可以使某些塊級(jí)元素成為下一個(gè)元素的行內(nèi)部分,這種功能對(duì)于某些標(biāo)題效果很有用,這

查看詳情

網(wǎng)頁設(shè)計(jì)中的行內(nèi)塊元素

行內(nèi)塊元素看上去值名inline-block是一個(gè)混合產(chǎn)物,實(shí)際上也確實(shí)如此,行內(nèi)塊元素(inline-blockelement)確實(shí)是塊級(jí)元素和行內(nèi)元素的混合,這個(gè)display值是CSS2.1中新

查看詳情

網(wǎng)頁設(shè)計(jì)中的改變角色

改變?cè)仫@示第1章曾簡(jiǎn)單地提到,網(wǎng)頁設(shè)計(jì)中可以為屬性display設(shè)置一個(gè)值來影響用戶代理顯示的方式。既然我們已經(jīng)深入地了解了視覺格式化,下面再使用本章的概念復(fù)

查看詳情

網(wǎng)頁設(shè)計(jì)中行內(nèi)模型歷史溯源

行內(nèi)模型歷史溯源網(wǎng)站建設(shè)CSS行內(nèi)格式化模型看上去可能有些沒必要的復(fù)雜,而且在某些方面,甚至與網(wǎng)站建設(shè)人員的意愿相違背。遺憾的是,我們現(xiàn)在要?jiǎng)?chuàng)建的是這樣一種

查看詳情

網(wǎng)頁設(shè)計(jì)中的替換元素

增加框?qū)傩杂辛艘陨狭私?,看上去向行?nèi)替換元素應(yīng)用外邊距、邊距和內(nèi)邊距似乎很簡(jiǎn)單。內(nèi)邊距和邊框像平常一樣應(yīng)用到替換元素,內(nèi)邊距在具體內(nèi)容外插入空間,邊框圍繞

查看詳情

網(wǎng)頁設(shè)計(jì)中的內(nèi)容區(qū)

行內(nèi)替換元素一般認(rèn)為行內(nèi)替換元素(如圖像)有固有的高度和寬度,例如,一個(gè)圖像的高度和寬度可能是某個(gè)像素?cái)?shù)。因此,有固有高度的替換元素可能導(dǎo)致行框比正常要高。

查看詳情

網(wǎng)頁設(shè)計(jì)中的增加框?qū)傩?/a>

從前面的討論可以了解到,內(nèi)邊距、外邊距和邊框都可以應(yīng)用于行內(nèi)非替換元素。行內(nèi)元素的這些方面根本不會(huì)影響行框的高度。如果對(duì)一個(gè)無內(nèi)外邊距的span元素應(yīng)用某個(gè)

查看詳情

網(wǎng)頁設(shè)計(jì)中的行高

管理line-height在前幾節(jié)中我們已經(jīng)了解到,改變一個(gè)行內(nèi)元素的line-height可能導(dǎo)致文本行相互重疊。不過,在所有情況下,這種修改都是針對(duì)單個(gè)元素的,所以,如何以一

查看詳情

網(wǎng)頁設(shè)計(jì)中的行內(nèi)格式化

行內(nèi)格式化第6章曾討論過,所有元素都有一個(gè)line-height。這個(gè)值會(huì)顯著地影響行內(nèi)元素如何顯示,所以要特別注意。首先來看如何確定一行的高度。行的高度(或行框的高

查看詳情

網(wǎng)頁設(shè)計(jì)中的行內(nèi)元素

除了塊級(jí)元素,最常見的就是行內(nèi)元素了。通過為行內(nèi)元素設(shè)置框?qū)傩?,可以進(jìn)入到一個(gè)更有意思的領(lǐng)域(迄今為止,本書還沒涉入過這個(gè)領(lǐng)域)。行內(nèi)元素有一些很好的例子,

查看詳情

網(wǎng)頁設(shè)計(jì)中的塊級(jí)元素二

負(fù)外邊距負(fù)外邊距確實(shí)對(duì)垂直格式化有影響,而且它們會(huì)影響外邊距如何合并。如果垂直外邊距都設(shè)置為負(fù)值,瀏覽器會(huì)取兩個(gè)外邊距絕對(duì)值的最大值。如果一個(gè)正外邊距與

查看詳情

網(wǎng)頁設(shè)計(jì)中的塊級(jí)元素一

百分?jǐn)?shù)高度前面已經(jīng)了解了如何處理設(shè)置為長(zhǎng)度值的高度,下面再花點(diǎn)時(shí)間介紹百分?jǐn)?shù)高度。如果一個(gè)塊級(jí)正常流元素的height設(shè)置為一個(gè)百分?jǐn)?shù),這個(gè)值則是包含塊height

查看詳情

網(wǎng)頁設(shè)計(jì)中的垂直屬性

垂直格式化類似于水平格式化,塊級(jí)元素的垂直格式化也有自己一系列有意思的行為。一個(gè)元素的默認(rèn)高度由其內(nèi)容決定。高度還會(huì)受內(nèi)容寬度的影響,段落越窄,相應(yīng)地就會(huì)

查看詳情
網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))