css技術(shù)概述webppt課件-在線瀏覽
2025-03-08 19:17本頁(yè)面
【正文】 HTML中所有標(biāo)簽都可以做為標(biāo)簽選擇符 在 CSS中直接寫標(biāo)簽名即可，即是對(duì)標(biāo)簽樣式 的重新定義； body { backgroundimage: url(images/)。 偽類所指定的對(duì)象在文檔中并不存在，而是指定 的是元素的某種狀態(tài)。 fontsize: 12px。 } a:visited { fontfamily: 宋體 。 color: 00FF00。 fontsize: 12px。 } a:active { fontfamily: 宋體 。 color: FF00FF。 { fontsize:18px。 } h1navbar{ fontsize:18px。 } 表示針對(duì)所有 class為 words 的 h1標(biāo)簽設(shè)置樣式 表示針對(duì) id為 navbar 的 h1標(biāo)簽設(shè)置樣式 標(biāo)簽指定式選擇符的好處： 標(biāo)簽指定式選擇符可以更精確地選擇特定 的標(biāo)簽進(jìn)行樣式設(shè)定； 可以對(duì)同一類標(biāo)簽再進(jìn)行樣式分類； { fontsize:18px。 } { fontsize:18px。 } 包含選擇符 包含選擇符是可以單獨(dú)對(duì)某種元素包含關(guān)系進(jìn)行樣式定義。 table a { fontsize:15px。 } 表示 table標(biāo)簽內(nèi)的所有 a對(duì)象的樣式 包含選擇符樣例演示 … CSS 應(yīng)用到網(wǎng)頁(yè)中 標(biāo)記加注法 div style=“width:80px?！? /div 外部調(diào)用法 link href=“” rel=“stylesheet”。 /p /BODY /HTML CSS 常用屬性 CSS 字體屬性 (Font) 字體名稱屬性 (fontfamily) 這個(gè)屬性設(shè)定字體名稱，如 Arial, Tahoma, Courier等。字體大小的設(shè)置可以有多種方式，最常用的就是px（象素）和 pt（磅） 。 normal是缺省值， italic, oblique都是斜體顯示。例句如下： p style = fontweight:bold這段文字字體的濃淡屬性 (fontweight)值是 bold。 smallcaps表示小的大寫字體。這個(gè)屬性可以綜合字體風(fēng)格屬性(fontstyle)，字體變量屬性 (fontvariant)，字體濃淡屬性 (fontweight)，字體大小屬性 (fontsize)等屬性。例句如下：等屬性！ 字體顏色用 CSS中的 color屬性來(lái)表示。有以下值： left (居左，缺省值 ) right (居右 ) center (居中 ) justify (兩端對(duì)齊 ) 示例代碼如下： .p2 {textalign:right} 文本修飾屬性 (textdecoration) 這個(gè)屬性主要設(shè)定文本劃線的屬性。其值有以下設(shè)定方法： length (長(zhǎng)度，可以用絕對(duì)單位 (cm, mm, in, pt, pc)或者相對(duì)單位 (em, ex, px)) percentage (百分比，相當(dāng)于父對(duì)象寬度的百分比 ) 示例代碼如下： .p1 {textindent: 8mm} 行高屬性 (lineheight) 這個(gè)屬性設(shè)定每行之間的距離。 normal (缺省值 ) length (長(zhǎng)度，可以用絕對(duì)單位 (cm, mm, in, pt, pc)或者相對(duì)單位 (em, ex, px)) 示例代碼如下： .p1 {letterspacing: 3mm} 顏色屬性 (color) 用顏色屬性 (color)可以改變文本的字體顏色。示例代碼如下： .p1{color:gray} CSS 背景屬性 背景顏色屬性 (backgroundcolor) 演示示例 上面的代碼表示圖片豎向重復(fù)。 body {backgroundcolor:99FF00。 背景圖片屬性 (backgroundimage) 這個(gè)屬性為 HTML元素設(shè)定背景圖片，相當(dāng)于 HTML中 background屬性。 背景重復(fù)屬性 (backgroundrepeat) 這個(gè)屬性和 backgroundimage屬性連在一起使用，決定背景圖片是否重復(fù)。 repeatx 背景圖片橫向重復(fù) repeaty 背景圖片豎向重復(fù) norepeat 背景圖片不重復(fù) body {backgroundimage:url(../images/css_tutorials/)。 背景附著屬性 (backgroundattachment) 這個(gè)屬性和 backgroundimage屬性連在一起使用，決定圖片是跟隨內(nèi)容滾動(dòng)，還是固定不動(dòng)。缺省值是 scroll。 backgroundrepeat:norepeat。 示例 背景位置屬性 (backgroundposition) 這個(gè)屬性和 backgroundimage屬性連在一起使用，決定了背景圖片的最初位置。backgroundrepeat:norepeat。 背景屬性 (background) 這個(gè)屬性是設(shè)置背景相關(guān)屬性的一種快捷的綜合寫法， 包括 backgroundcolor, backgroundimage, backgroundrepeat, backgroundattachment, backgroundposition。 CSS 邊框?qū)傩?(Border) 邊框風(fēng)格屬性 (borderstyle) 這個(gè)屬性用來(lái)設(shè)定上下左右邊框的風(fēng)格，它的值如下： none (沒(méi)有邊框，無(wú)論邊框?qū)挾仍O(shè)為多大 ) dotted (點(diǎn)線式邊框 ) dashed (破
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1