網頁設計中的內容溢出

如果一個元素的內容對于元素大小來說過大,就有可能溢出元素本身。對于這種情況,有一些候選解決辦法,CSS2允許你從中選擇。它還允許定義一個剪裁區(qū)域,如果出了這個

查看詳情

網頁設計中的寬度和高度

很多情況下,如果已經確定將元素定位到哪里,接下來可能希望聲明該元素應當有多高、多寬。另外,有時你可能想限制一個定位元素的高度和寬度,還有一些情況下也許你希

查看詳情

?網頁設計中的偏移屬性

上一節(jié)介紹的三種定位機制使用了4個屬性來描述定位元素各邊相對于其包含塊的偏移。我們將這4個屬性稱為偏移屬性,這對于完成定位是很重要的一部分。top、right、b

查看詳情

網頁設計中的包含塊

本章較早前討論過浮動元素的包含塊。對于浮動元素,其包含塊定義為最近的塊級祖先元素。對于定位,情況則沒有這么簡單。CSS2.1定義了以下行為:“根元素”的包含塊(

查看詳情

網頁設計中的定位類型

定位的原理很簡單。利用定位,可以準確地定義元素框相對于其正常位置應該出現(xiàn)在哪里,或者相對于父元素、另一個元素甚至瀏覽器窗口本身的位置?;靖拍钌钊胗懻摳?/p> 查看詳情

網頁設計中的清除

我們已經討論了一些浮動行為,介紹定位前還有一個內容沒有談到。網頁設計人員可能并不總是希望內容流過浮動元素,某些情況下,可能要特意避免這種行為。如果你的文檔

查看詳情

網頁設計中的負外邊距2

有意思的是,負外邊距可能導致浮動元素移到其父元素的外面。這看上去與先前的規(guī)則相矛盾,不過其實并不矛盾。通過設置負外邊距,元素可能看上去比其父元素更寬,同樣

查看詳情

網頁設計中的實用行為

實用行為前面介紹的規(guī)則有一些有意思的后果,這些結果源干兩方面,一方面是規(guī)則中指出了一些要求,另一方面是規(guī)則中有些方面沒有談到。首先要討論浮動元素比其父元素

查看詳情

網頁設計中的浮動詳細內幕

深入討論浮動的詳細內容之前,首先要建立包含塊的概念,這很重要。浮動元素的包含塊是其最近的塊級祖先元素。因此,在以下標記中,浮動元素的包含塊就是包含該浮動元

查看詳情

網頁設計中的浮動元素

浮動元素對于浮動元素有幾點要記住。首先,會以某種方式將浮動元素從文檔的正常流中刪除,不過它還是會影響布局。采用css的特有方式,浮動元素幾乎“自成一派”,不過

查看詳情

網頁設計中的浮動

浮動和定位當然,通過字體改變、背景和所有其他屬性,CSS能讓內容看上去不錯,不過CSS在完成基本布局任務方面怎么樣呢?下面來看浮動和定位。CSS對此提供了一些工具,

查看詳情

網頁設計中的關聯(lián)

關聯(lián)現(xiàn)在已經知道,可以將背景原圖像放在元素背景上的任何位置,而且可以控制(從某種程度上)它如何平鋪。不過,你可能已經認識到了,將一個圖像放在body元素的中心可

查看詳情

網頁設計中的深入方向重復

有方向的重復(深入)在前面關于重復的一節(jié)中,我們介紹了值repeat-x、repeat-y和repeat,并說明了它們對背景圖像的平鋪有何影響。不過,對于這些值,平鋪模式總是從包

查看詳情

網頁設計中的長度值

長度值最后,我們來看定位的長度值。在為原圖像的位置提供長度值時,這些長度值將解釋為從元素內邊距區(qū)左上角的偏移。偏移點是原圖像的左上角。因此,如果設置值為2

查看詳情

網頁設計中的百分數值

百分數值百分數值與關鍵字緊密相關,不過其表現(xiàn)方式更為復雜。假設你希望用百分數值將原圖像在其元素中居中。這很容易:p{background-image:url(bigyinyang.gif);b

查看詳情

網頁設計中的關鍵字

關鍵字圖像放置關鍵字最容易理解。其作用如其名所表明的,例如,topright使原圖像放在元素內邊距區(qū)的右上角。再回過頭來看先前的那個小“陰陽”符號:p{background-

查看詳情

網頁設計中的背景定位

利用background-repeat,可以把一個大圖像放在文檔的背景中,然后使之一直重復。在此基礎上,下面來看如何改變圖像在背景中的位置。例如,可以在body元素中將一個背景

查看詳情

網頁設計中的方向重復

有方向的重復過去,如果想要某種“邊欄式(sidebar)”背景,必須創(chuàng)建一個很短但非常寬的圖像放在背景上。有一段時間,這種圖像的最佳大小是10像素高1,500像素寬。當然

查看詳情

網頁設計中背景的良好實踐

關于背景的良好實踐圖像放在所指定的背景顏色之上,如果完全平鋪GIF、JPEG或其他不透明的圖像類型,圖像在背景顏色之上并不會造成任何不同,因為完全平鋪的圖像會填

查看詳情

網頁設計中背景不能繼承

為什么背景不能繼承之前我專門指出過,背景不能繼承。從背景圖像可以了解到為什么繼承背景不是一件好事。假設背景確實能繼承,而且向body應用了一個背景圖像。這個

查看詳情

網頁設計中的背景圖像

背景圖像前面已經介紹了前景和背景色的基礎知識,下面來討論背景圖像。在HTML3.2中,可以通過使用BODY屬性BACKGROUND向文檔的背景關聯(lián)一個圖像:這會使用戶代理加載

查看詳情

網頁設計中的背景特殊效果

特殊效果只需結合color和background-color,就可以創(chuàng)建一些有用的效果:h1{color:white;background-color:rgb(20%,20%,20%)font-family:Arial,sans-serif;}這個例子

查看詳情

網頁設計中的背景色歷史問題

歷史問題所以,設置背景色很簡單——對此只有一個小小的警告:Navigator4對背景色的處理完全是錯誤的。它不是將背景色應用到整個內容框和內邊距,背景色只出現(xiàn)在文本

查看詳情

網頁設計中的背景色

元素的背景區(qū)包括前景之下直到邊框外邊界的所有空間,因此,內容框和內邊距都是元素背景的一部分,且邊框畫在背景之上。CSS允許應用純色作為背景,也允許使用背景圖像

查看詳情

網頁設計中的繼承顏色

由color的定義可知,這個屬性是可以繼承的。這是有道理的,因為如果聲明body{color:gray;},你可能希望該段落中的所有文本也應當是灰色,即便是強調文本、粗體文本等

查看詳情

網頁設計中的表單元素

影響表單元素(從理論上講)網站建設也可以為表單元素設置color值。聲明select元素有暗灰色文本就很簡單,如下:select{color:rgb(33%,33%,33%);}這可能還會設置sele

查看詳情

網頁設計中的前景色影響邊框

影響邊框color值還可以影響元素周圍的邊框。假設已經聲明了以下樣式,其結果如圖9-4所示:p.aside{color:gray;border-style:solid;}圖9-4:邊框顏色取自內容的顏色元

查看詳情

網頁設計中的前景色替換屬性

color有很多用法,其中最基本的是替換HTML3.2的BODY屬性TEXT、LINK、ALINK和VLINK。利用錨偽類,color完全可以替換這些BODY屬性。下例中的第一行可以用后面的CSS重

查看詳情

網頁設計中的前景色

要設置一個元素的前最色,最容易的辦法是利用屬性color。color值:|inherit初始值:用戶代理特定的值應用于:所有元素繼承性:有計算值:根據指定確定在第4章曾經討論過

查看詳情

網頁設計中的顏色

還記得你第一次改變Web頁面的顏色是什么時候嗎?以前總是灰色背景上的黑色文本,其間有一些藍色的鏈接,突然之間,你可以按自己的意愿使用任何顏色組合,可以是黑色背

查看詳情
網站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號)