版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、本章內(nèi)容本章內(nèi)容11.1 CSS 背景背景11.2 CSS 文本文本11.3 CSS 字體字體11.4 CSS 列表列表11.5 CSS 表格表格11.1 CSS背景背景背景色背景色背景圖像背景圖像背景重復(fù)背景重復(fù)背景定位背景定位背景屬性簡(jiǎn)寫背景屬性簡(jiǎn)寫背景色背景色 可以使用可以使用 background-color 屬性為元素設(shè)置背景色。屬性為元素設(shè)置背景色?;菊Z(yǔ)法:基本語(yǔ)法: selector background-color: 顏色值顏色值; 可以為所有元素設(shè)置背景色可以為所有元素設(shè)置背景色,這包括,這包括 body 一直到一直到 em 和和 a 等行內(nèi)元等行內(nèi)元素。素。 backgr
2、ound-color 不能繼承不能繼承,其默認(rèn)值是,其默認(rèn)值是 transparent。transparent 有有“透明透明”之意。也就是說(shuō),如果一個(gè)元素沒(méi)有指定背之意。也就是說(shuō),如果一個(gè)元素沒(méi)有指定背景色,那么背景就是透明的,這樣其祖先元素的背景才能可見。景色,那么背景就是透明的,這樣其祖先元素的背景才能可見。背景圖像背景圖像 要把圖像放入背景,需要使用要把圖像放入背景,需要使用 background-image 屬性。屬性。background-image 屬性的屬性的默認(rèn)值是默認(rèn)值是 none,表示背景上沒(méi)有放置任,表示背景上沒(méi)有放置任何圖像。何圖像。基本語(yǔ)法:基本語(yǔ)法: select
3、or background-image: url(圖像路徑圖像路徑); 另外還要補(bǔ)充一點(diǎn),另外還要補(bǔ)充一點(diǎn),background-image 也不能繼承。事實(shí)上,也不能繼承。事實(shí)上,所有所有背景屬性都不能繼承背景屬性都不能繼承。 背景重復(fù)背景重復(fù) 如果需要在頁(yè)面上對(duì)背景圖像進(jìn)行平鋪,可以使用如果需要在頁(yè)面上對(duì)背景圖像進(jìn)行平鋪,可以使用 background-repeat 屬性。屬性?;菊Z(yǔ)法:基本語(yǔ)法: selector background-image: url(圖像路徑圖像路徑); background-repeat: 屬性值屬性值; 可能的值:可能的值: repeat 導(dǎo)致圖像在水平垂直
4、方向上都平鋪。導(dǎo)致圖像在水平垂直方向上都平鋪。repeat-x 和和 repeat-y 分別導(dǎo)致圖像只在水平或垂直方向上重復(fù),分別導(dǎo)致圖像只在水平或垂直方向上重復(fù),no-repeat 則不則不允許圖像在任何方向上平鋪。允許圖像在任何方向上平鋪。 背景定位背景定位通過(guò)通過(guò) background-position 屬性改變圖像在背景中的位置。屬性改變圖像在背景中的位置。 基本語(yǔ)法:基本語(yǔ)法: selector background-image:url(圖像路徑圖像路徑); background-repeat:屬性值屬性值; background-position:屬性值屬性值; 為為backgro
5、und-position 屬性值:屬性值:1、關(guān)鍵字:、關(guān)鍵字:top、bottom、left、right 和和 center。通常,這些關(guān)鍵字會(huì)成對(duì)出現(xiàn),不過(guò)也不總是這樣。通常,這些關(guān)鍵字會(huì)成對(duì)出現(xiàn),不過(guò)也不總是這樣。2、長(zhǎng)度值,如、長(zhǎng)度值,如 100px 或或 5cm,最后也可以使用,最后也可以使用百分?jǐn)?shù)值百分?jǐn)?shù)值。背景屬性簡(jiǎn)寫背景屬性簡(jiǎn)寫基本語(yǔ)法:基本語(yǔ)法: selector background: #ff0000 url(圖像路徑圖像路徑) no-repeat bottom center; CSS背景屬性表背景屬性表屬性屬性描述描述background簡(jiǎn)寫屬性,作用是將背景屬性設(shè)置在一
6、個(gè)聲簡(jiǎn)寫屬性,作用是將背景屬性設(shè)置在一個(gè)聲明中。明中。background-attachment背景圖像是否固定或者隨著頁(yè)面的其余部分背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。滾動(dòng)。background-color設(shè)置元素的背景顏色。設(shè)置元素的背景顏色。background-image把圖像設(shè)置為背景。把圖像設(shè)置為背景。background-position設(shè)置背景圖像的起始位置。設(shè)置背景圖像的起始位置。background-repeat設(shè)置背景圖像是否及如何重復(fù)。設(shè)置背景圖像是否及如何重復(fù)。11.2 CSS文本文本 文本顏色文本顏色對(duì)齊方式對(duì)齊方式文本裝飾文本裝飾縮進(jìn)文本縮進(jìn)文本行間距行間
7、距字間距字間距字符間距字符間距字母控制字母控制文本顏色文本顏色基本語(yǔ)法:基本語(yǔ)法: Selector color: red; color: #00ff00; color: rgb(0,0,255); 對(duì)齊方式對(duì)齊方式text-align是一個(gè)基本的屬性,它會(huì)影響一個(gè)元素中的文本行互相之間是一個(gè)基本的屬性,它會(huì)影響一個(gè)元素中的文本行互相之間的的水平對(duì)齊方式水平對(duì)齊方式?;菊Z(yǔ)法:基本語(yǔ)法: selector text-align : 屬性值屬性值; 屬性值屬性值 left、right 和和 center實(shí)現(xiàn)元素中的文本分別左對(duì)齊、右對(duì)齊和實(shí)現(xiàn)元素中的文本分別左對(duì)齊、右對(duì)齊和居中。居中。 屬性值屬
8、性值justify實(shí)現(xiàn)兩端對(duì)齊文本效果。實(shí)現(xiàn)兩端對(duì)齊文本效果。在在justify實(shí)現(xiàn)兩端對(duì)齊時(shí),文本行的左右兩端都放在父元素的內(nèi)邊界實(shí)現(xiàn)兩端對(duì)齊時(shí),文本行的左右兩端都放在父元素的內(nèi)邊界上。然后,上。然后,調(diào)整單詞和字母間的間隔調(diào)整單詞和字母間的間隔,使各行的長(zhǎng)度恰好相等。,使各行的長(zhǎng)度恰好相等。文本裝飾文本裝飾text-decoration 屬性規(guī)定添加到文本的修飾。屬性規(guī)定添加到文本的修飾?;菊Z(yǔ)法:基本語(yǔ)法: selector text-decoration: 屬性值屬性值; text-decoration有有6個(gè)值:個(gè)值:none,默認(rèn)值,定義標(biāo)準(zhǔn)的文本。,默認(rèn)值,定義標(biāo)準(zhǔn)的文本。und
9、erline定義文本下的一條線。定義文本下的一條線。overline定義文本上的一條線。定義文本上的一條線。line-through定義穿過(guò)文本下的一條線。定義穿過(guò)文本下的一條線。blink定義閃爍的文本。定義閃爍的文本。注釋:注釋:IE、Chrome 或或 Safari 不支持不支持 blink 屬性值屬性值??s進(jìn)文本縮進(jìn)文本text-indent 屬性實(shí)現(xiàn)文本縮進(jìn)。屬性實(shí)現(xiàn)文本縮進(jìn)。 通過(guò)使用通過(guò)使用 text-indent 屬性,所有元素的屬性,所有元素的第一行第一行都可以縮進(jìn)一個(gè)給定的都可以縮進(jìn)一個(gè)給定的長(zhǎng)度,長(zhǎng)度,甚至該長(zhǎng)度可以是負(fù)值甚至該長(zhǎng)度可以是負(fù)值。基本語(yǔ)法:基本語(yǔ)法: sel
10、ector text-indent: 縮進(jìn)值縮進(jìn)值; 注意:注意:一般來(lái)說(shuō),可以為所有一般來(lái)說(shuō),可以為所有塊級(jí)元素塊級(jí)元素應(yīng)用應(yīng)用 text-indent,但無(wú)法將該,但無(wú)法將該屬性應(yīng)用于行內(nèi)元素,圖像之類的替換元素上也無(wú)法應(yīng)用屬性應(yīng)用于行內(nèi)元素,圖像之類的替換元素上也無(wú)法應(yīng)用 text-indent 屬性。屬性。 行間距行間距l(xiāng)ine-height 屬性設(shè)置行間的距離(行高)。屬性設(shè)置行間的距離(行高)。 line-height 與與 font-size 的計(jì)算值之差(在的計(jì)算值之差(在 CSS 中成為中成為“行間距行間距”)分為兩半,分別加到一個(gè)文本行內(nèi)容的頂部和底部。分為兩半,分別加到一
11、個(gè)文本行內(nèi)容的頂部和底部。 基本語(yǔ)法:基本語(yǔ)法: selector line-height : 屬性值屬性值; 可能的值:可能的值:normal默認(rèn),設(shè)置合理的行間距。默認(rèn),設(shè)置合理的行間距。number設(shè)置數(shù)字,此設(shè)置數(shù)字,此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。Length 設(shè)置固定的行間設(shè)置固定的行間距。距。% 基于當(dāng)前字體尺寸的百分比行間距?;诋?dāng)前字體尺寸的百分比行間距。字間距字間距word-spacing 屬性增加或減少單詞間的空白(即屬性增加或減少單詞間的空白(即字間隔字間隔)。)。 該屬性定義元素中字之間插入多少空白符。針對(duì)這個(gè)屬性,該
12、屬性定義元素中字之間插入多少空白符。針對(duì)這個(gè)屬性,“字字” 定定義為由空白符包圍的一個(gè)字符串。如果指定為長(zhǎng)度值,會(huì)調(diào)整字之間義為由空白符包圍的一個(gè)字符串。如果指定為長(zhǎng)度值,會(huì)調(diào)整字之間的通常間隔;所以,的通常間隔;所以,normal 就等同于設(shè)置為就等同于設(shè)置為 0。允許指定負(fù)長(zhǎng)度值,允許指定負(fù)長(zhǎng)度值,這會(huì)讓字之間擠得更緊這會(huì)讓字之間擠得更緊。 基本語(yǔ)法:基本語(yǔ)法: selector word-spacing :屬性值屬性值; 可能的值可能的值: normal默認(rèn),定義單詞間的標(biāo)準(zhǔn)空間。默認(rèn),定義單詞間的標(biāo)準(zhǔn)空間。length定義單詞間定義單詞間的固定空間。的固定空間。字符間距字符間距l(xiāng)ett
13、er-spacing 屬性增加或減少字符間的空白(屬性增加或減少字符間的空白(字符間距字符間距)。)。 該屬性定義了在文本字符框之間插入多少空間。由于字符字形通常比該屬性定義了在文本字符框之間插入多少空間。由于字符字形通常比其字符框要窄,指定長(zhǎng)度值時(shí),會(huì)調(diào)整字母之間通常的間隔。其字符框要窄,指定長(zhǎng)度值時(shí),會(huì)調(diào)整字母之間通常的間隔?;菊Z(yǔ)法:基本語(yǔ)法: selector letter-spacing : 屬性值屬性值 ; 可能的值:可能的值:normal默認(rèn)。規(guī)定字符間沒(méi)有額外的空間。默認(rèn)。規(guī)定字符間沒(méi)有額外的空間。length定義字定義字符間的固定空間(允許使用負(fù)值)。符間的固定空間(允許使用
14、負(fù)值)。 字母控制字母控制text-transform 屬性控制文本的大小寫。屬性控制文本的大小寫。 這個(gè)屬性會(huì)改變?cè)刂械淖帜复笮?,而不論源文檔中文本的大小寫。這個(gè)屬性會(huì)改變?cè)刂械淖帜复笮?,而不論源文檔中文本的大小寫。 基本語(yǔ)法:基本語(yǔ)法: selector text-transform : 屬性值屬性值 ; 可能的值可能的值: none默認(rèn),定義帶有小寫字母和大寫字母的標(biāo)準(zhǔn)的文本。默認(rèn),定義帶有小寫字母和大寫字母的標(biāo)準(zhǔn)的文本。capitalize文本中的每個(gè)單詞以大寫字母開頭。文本中的每個(gè)單詞以大寫字母開頭。uppercase定義僅有大定義僅有大寫字母。寫字母。lowercase定義
15、無(wú)大寫字母,僅有小寫字母。定義無(wú)大寫字母,僅有小寫字母。11.3 CSS字體字體 設(shè)置文本的字體設(shè)置文本的字體設(shè)置字體尺寸設(shè)置字體尺寸設(shè)置字體風(fēng)格設(shè)置字體風(fēng)格設(shè)置字體的粗細(xì)設(shè)置字體的粗細(xì)字體屬性簡(jiǎn)寫字體屬性簡(jiǎn)寫設(shè)置文本的字體設(shè)置文本的字體font-family 規(guī)定元素的字體系列。規(guī)定元素的字體系列。 font-family 可以把多個(gè)字體名稱作為一個(gè)可以把多個(gè)字體名稱作為一個(gè)“回退回退”系統(tǒng)來(lái)保存,用系統(tǒng)來(lái)保存,用逗逗號(hào)號(hào)分割每個(gè)值,如果瀏覽器不支持第一個(gè)字體,則會(huì)嘗試下一個(gè)。分割每個(gè)值,如果瀏覽器不支持第一個(gè)字體,則會(huì)嘗試下一個(gè)。 基本語(yǔ)法:基本語(yǔ)法: selector font-fami
16、ly:字體字體1,字體字體2, ; 注意:使用某種特定的字體系列(注意:使用某種特定的字體系列(Geneva)完全取決于用戶機(jī)器上該)完全取決于用戶機(jī)器上該字體系列是否可用;這個(gè)屬性沒(méi)有指示任何字體下載。因此,字體系列是否可用;這個(gè)屬性沒(méi)有指示任何字體下載。因此,強(qiáng)烈推強(qiáng)烈推薦使用一個(gè)通用字體系列名作為后路薦使用一個(gè)通用字體系列名作為后路。設(shè)置字體尺寸設(shè)置字體尺寸font-size 屬性可設(shè)置字體的尺寸。屬性可設(shè)置字體的尺寸?;菊Z(yǔ)法:基本語(yǔ)法: selector font-size : 屬性值屬性值 ; 注意:實(shí)際上注意:實(shí)際上font-size設(shè)置的是字體中字符框的高度,實(shí)際的字符字設(shè)置的
17、是字體中字符框的高度,實(shí)際的字符字形可能比這些框高或矮(通常會(huì)矮)。形可能比這些框高或矮(通常會(huì)矮)。 所有主流瀏覽器都支持所有主流瀏覽器都支持 font-size 屬性。屬性。 font-size 屬性值表屬性值表值值描述描述xx-small x-small small medium large x-large xx-large 把字體的尺寸設(shè)置為不同的尺寸,從把字體的尺寸設(shè)置為不同的尺寸,從 xx-small 到到 xx-large。默認(rèn)值:。默認(rèn)值:medium。 smaller把把 font-size設(shè)置為比父元素更小的尺寸。設(shè)置為比父元素更小的尺寸。larger把把 font-siz
18、e 設(shè)置為比父元素更大的尺寸。設(shè)置為比父元素更大的尺寸。length把把 font-size 設(shè)置為一個(gè)固定的值。設(shè)置為一個(gè)固定的值。%把把 font-size 設(shè)置為基于父元素的百分比值。設(shè)置為基于父元素的百分比值。設(shè)置字體風(fēng)格設(shè)置字體風(fēng)格font-style 屬性定義字體的風(fēng)格。屬性定義字體的風(fēng)格。 該屬性設(shè)置使用該屬性設(shè)置使用斜體、傾斜或正常字體斜體、傾斜或正常字體。斜體字體通常定義為字體系。斜體字體通常定義為字體系列中的一個(gè)單獨(dú)的字體。列中的一個(gè)單獨(dú)的字體。 基本語(yǔ)法:基本語(yǔ)法: selector font-style : 屬性值屬性值 ; 可能的值:可能的值:normal默認(rèn)值。瀏覽
19、器顯示一個(gè)標(biāo)準(zhǔn)的字體樣式。默認(rèn)值。瀏覽器顯示一個(gè)標(biāo)準(zhǔn)的字體樣式。italic瀏瀏覽器會(huì)顯示一個(gè)斜體的字體樣式。覽器會(huì)顯示一個(gè)斜體的字體樣式。oblique瀏覽器會(huì)顯示一個(gè)傾斜的字瀏覽器會(huì)顯示一個(gè)傾斜的字體樣式。體樣式。設(shè)置字體的粗細(xì)設(shè)置字體的粗細(xì)font-weight 屬性設(shè)置文本的粗細(xì)。屬性設(shè)置文本的粗細(xì)。該屬性用于設(shè)置顯示元素的文本中所用的字體加粗。數(shù)字值該屬性用于設(shè)置顯示元素的文本中所用的字體加粗。數(shù)字值 400 相當(dāng)相當(dāng)于于 關(guān)鍵字關(guān)鍵字 normal,700 等價(jià)于等價(jià)于 bold。 基本語(yǔ)法:基本語(yǔ)法: selector font-weight : 屬性值屬性值 ; 可能的值:可能
20、的值:normal默認(rèn)值。定義標(biāo)準(zhǔn)的字符。默認(rèn)值。定義標(biāo)準(zhǔn)的字符。bold定義粗體字符。定義粗體字符。bolder定義更粗的字符。定義更粗的字符。lighter定義更細(xì)的字符。數(shù)字定義更細(xì)的字符。數(shù)字100、200 800、900,定義由粗到細(xì)的字符。,定義由粗到細(xì)的字符。400 等同于等同于 normal,而,而 700 等同等同于于 bold。 字體屬性簡(jiǎn)寫字體屬性簡(jiǎn)寫簡(jiǎn)寫在簡(jiǎn)寫在font 屬性一個(gè)聲明中設(shè)置所有字體屬性。屬性一個(gè)聲明中設(shè)置所有字體屬性。 基本語(yǔ)法:基本語(yǔ)法: selector font: italic bold 12px arial,sans-serif ; 可以不設(shè)置其
21、中的某個(gè)值,比如可以不設(shè)置其中的某個(gè)值,比如 font:100% verdana; 也是允許的。也是允許的。未設(shè)置的屬性會(huì)使用其默認(rèn)值。未設(shè)置的屬性會(huì)使用其默認(rèn)值。 11.4 CSS列表列表列表類型列表類型列表項(xiàng)標(biāo)志位置列表項(xiàng)標(biāo)志位置設(shè)置列表項(xiàng)標(biāo)志圖象設(shè)置列表項(xiàng)標(biāo)志圖象列表屬性簡(jiǎn)寫列表屬性簡(jiǎn)寫列表類型列表類型要影響列表的樣式,最簡(jiǎn)單(要影響列表的樣式,最簡(jiǎn)單(同時(shí)支持最充分同時(shí)支持最充分)的辦法就是改變其標(biāo))的辦法就是改變其標(biāo)志類型。志類型。list-style-type 屬性設(shè)置列表項(xiàng)標(biāo)記的類型。屬性設(shè)置列表項(xiàng)標(biāo)記的類型。基本語(yǔ)法:基本語(yǔ)法: selector list-style-type
22、 : 屬性值屬性值; 語(yǔ)法解釋:其屬性取值范圍固定,如下表所示。語(yǔ)法解釋:其屬性取值范圍固定,如下表所示。list-style-type屬性值表屬性值表值值描述描述none無(wú)標(biāo)記。無(wú)標(biāo)記。disc默認(rèn)。標(biāo)記是實(shí)心圓。默認(rèn)。標(biāo)記是實(shí)心圓。circle標(biāo)記是空心圓。標(biāo)記是空心圓。square標(biāo)記是實(shí)心方塊。標(biāo)記是實(shí)心方塊。decimal標(biāo)記是數(shù)字。標(biāo)記是數(shù)字。lower-roman小寫羅馬數(shù)字小寫羅馬數(shù)字(i, ii, iii, iv, v, 等。等。)upper-roman大寫羅馬數(shù)字大寫羅馬數(shù)字(I, II, III, IV, V, 等。等。)lower-alpha小寫英文字母小寫英文字母 (
23、a, b, c, d, e, 等。等。)upper-alpha大寫英文字母大寫英文字母 (A, B, C, D, E, 等。等。)list-style-type屬性值表屬性值表值值描述描述decimal-leading-zero0開頭的數(shù)字標(biāo)記。開頭的數(shù)字標(biāo)記。(01, 02, 03, 等。等。)hebrew傳統(tǒng)的希伯來(lái)編號(hào)方式傳統(tǒng)的希伯來(lái)編號(hào)方式cjk-ideographic簡(jiǎn)單的表意數(shù)字簡(jiǎn)單的表意數(shù)字hiragana標(biāo)記是:標(biāo)記是:a, i, u, e, o, ka, ki, 等。(日文片假名)等。(日文片假名)katakana標(biāo)記是:標(biāo)記是:A, I, U, E, O, KA等。(日文片
24、假名)等。(日文片假名)hiragana-iroha標(biāo)記是:標(biāo)記是:i, ro, ha, ni, ho, he, to等。(日文片假名)等。(日文片假名)katakana-iroha標(biāo)記是:標(biāo)記是:I, RO, HA, NI, HO, HE等。(日文片假名)等。(日文片假名)列表項(xiàng)標(biāo)志位置列表項(xiàng)標(biāo)志位置list-style-position 屬性設(shè)置在何處放置列表項(xiàng)標(biāo)記。屬性設(shè)置在何處放置列表項(xiàng)標(biāo)記。 基本語(yǔ)法:基本語(yǔ)法: selector list-style-position : 屬性值屬性值; 可能的值:可能的值:inside 列表項(xiàng)目標(biāo)記放置在文本以內(nèi),且環(huán)繞文本根據(jù)標(biāo)列表項(xiàng)目標(biāo)記放置
25、在文本以內(nèi),且環(huán)繞文本根據(jù)標(biāo)記對(duì)齊。記對(duì)齊。outside 默認(rèn)值,保持標(biāo)記位于文本的左側(cè),列表項(xiàng)目標(biāo)記默認(rèn)值,保持標(biāo)記位于文本的左側(cè),列表項(xiàng)目標(biāo)記放置在文本以外,且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊。放置在文本以外,且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊。設(shè)置列表項(xiàng)標(biāo)志圖象設(shè)置列表項(xiàng)標(biāo)志圖象list-style-image 屬性使用圖像來(lái)替換列表項(xiàng)的標(biāo)記。屬性使用圖像來(lái)替換列表項(xiàng)的標(biāo)記。 這個(gè)屬性指定作為一個(gè)有序或無(wú)序列表項(xiàng)標(biāo)志的圖像。圖像相對(duì)于列這個(gè)屬性指定作為一個(gè)有序或無(wú)序列表項(xiàng)標(biāo)志的圖像。圖像相對(duì)于列表項(xiàng)內(nèi)容的放置位置通常使用表項(xiàng)內(nèi)容的放置位置通常使用 list-style-position 屬性控制。屬性控制
26、?;菊Z(yǔ)法:基本語(yǔ)法: selector list-style-image: url(圖像路徑圖像路徑) ; 可能的值:可能的值:URL圖像的路徑;圖像的路徑;none默認(rèn)值,無(wú)圖形被顯示。默認(rèn)值,無(wú)圖形被顯示。列表屬性簡(jiǎn)寫列表屬性簡(jiǎn)寫list-style 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有的列表屬性。簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有的列表屬性。 基本語(yǔ)法:基本語(yǔ)法: selector list-style:square inside url(/i/arrow.gif); 可能的值:可能的值:list-style-type設(shè)置列表項(xiàng)標(biāo)記的類型。設(shè)置列表項(xiàng)標(biāo)記的類型。list-style-position
27、設(shè)置在何處放置列表項(xiàng)標(biāo)記。設(shè)置在何處放置列表項(xiàng)標(biāo)記。list-style-image使用圖像來(lái)替換列表項(xiàng)使用圖像來(lái)替換列表項(xiàng)的標(biāo)記。的標(biāo)記。CSS列表屬性表列表屬性表屬性屬性描述描述list-style-type設(shè)置列表項(xiàng)標(biāo)志的類型。設(shè)置列表項(xiàng)標(biāo)志的類型。list-style-position設(shè)置列表中列表項(xiàng)標(biāo)志的位置。設(shè)置列表中列表項(xiàng)標(biāo)志的位置。list-style-type設(shè)置列表項(xiàng)標(biāo)志的類型。設(shè)置列表項(xiàng)標(biāo)志的類型。list-style簡(jiǎn)寫屬性。用于把所有用于列表的屬性設(shè)置簡(jiǎn)寫屬性。用于把所有用于列表的屬性設(shè)置于一個(gè)聲明中。于一個(gè)聲明中。11.5 CSS 表格表格設(shè)置表格的布局設(shè)置表格的布
28、局表格邊框合并表格邊框合并單元格邊框距離單元格邊框距離表格標(biāo)題位置表格標(biāo)題位置設(shè)置表格的布局設(shè)置表格的布局table-layout 屬性用來(lái)顯示表格單元格、行、列的算法規(guī)則。屬性用來(lái)顯示表格單元格、行、列的算法規(guī)則。該屬性指定了完成表布局時(shí)所用的布局算法。固定布局算法比較快,該屬性指定了完成表布局時(shí)所用的布局算法。固定布局算法比較快,但是不太靈活,而自動(dòng)算法比較慢,不過(guò)更能反映傳統(tǒng)的但是不太靈活,而自動(dòng)算法比較慢,不過(guò)更能反映傳統(tǒng)的 HTML 表。表?;菊Z(yǔ)法:基本語(yǔ)法: selector table-layout :屬性值屬性值; 可能的值:可能的值:automatic默認(rèn),列寬度由單元格內(nèi)
29、容設(shè)定。默認(rèn),列寬度由單元格內(nèi)容設(shè)定。fixed列寬由列寬由表格寬度和列寬度設(shè)定。表格寬度和列寬度設(shè)定。表格邊框合并表格邊框合并border-collapse 屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框,屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框,還是象在標(biāo)準(zhǔn)的還是象在標(biāo)準(zhǔn)的 HTML 中那樣分開顯示。中那樣分開顯示?;菊Z(yǔ)法:基本語(yǔ)法: selector border-collapse :屬性值屬性值; 注釋:注釋:所有主流瀏覽器都支持所有主流瀏覽器都支持 border-collapse 屬性。屬性。 可能的值:可能的值:separate默認(rèn)值,邊框會(huì)被分開。默認(rèn)值,邊框會(huì)被分開。collapse,邊框會(huì)合并,邊框會(huì)合并為一個(gè)單一的邊框。為一個(gè)單一的邊框。單元格邊框距離單元格邊框距離border-spacing 屬性設(shè)置相鄰單元格的邊框間的距離(僅用于屬性設(shè)置相鄰單元格的邊框間的距離(僅用于“邊框邊框分離分離”模式)。模式)?;菊Z(yǔ)法:基本語(yǔ)法: select
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年度餐飲連鎖企業(yè)食材集中配送服務(wù)合同3篇
- 2024年版船舶租賃合同格式3篇
- 2024年版施工單位與監(jiān)理單位合作協(xié)議
- 2024事業(yè)單位合同管理信息系統(tǒng)開發(fā)與維護(hù)合同2篇
- 2025年伊犁下載貨運(yùn)從業(yè)資格證模擬考試題
- 2024商場(chǎng)餐飲品牌租賃與市場(chǎng)營(yíng)銷策略合同3篇
- 洛陽(yáng)師范學(xué)院《大數(shù)據(jù)基礎(chǔ)理論與應(yīng)用》2023-2024學(xué)年第一學(xué)期期末試卷
- 表面處理工程安裝施工承包合同
- 建筑綠化勞務(wù)合同
- 酒店行業(yè)技術(shù)人才招聘合同范本
- 半導(dǎo)體封裝過(guò)程wirebond中wireloop的研究及其優(yōu)化
- 15m鋼棧橋施工方案
- FZ∕T 97040-2021 分絲整經(jīng)機(jī)
- 應(yīng)聘人員面試登記表(應(yīng)聘者填寫)
- T∕CAAA 005-2018 青貯飼料 全株玉米
- s鐵路預(yù)應(yīng)力混凝土連續(xù)梁(鋼構(gòu))懸臂澆筑施工技術(shù)指南
- 撥叉831006設(shè)計(jì)說(shuō)明書
- 10KV高壓線防護(hù)施工方案——杉木桿
- 石油鉆井八大系統(tǒng)ppt課件
- 對(duì)標(biāo)管理辦法(共7頁(yè))
- R語(yǔ)言入門教程(超經(jīng)典)
評(píng)論
0/150
提交評(píng)論