1、目錄目錄模塊模塊4 網(wǎng)頁(yè)的款式設(shè)計(jì)網(wǎng)頁(yè)的款式設(shè)計(jì)目錄目錄模塊模塊4 網(wǎng)頁(yè)的款式設(shè)計(jì)網(wǎng)頁(yè)的款式設(shè)計(jì)認(rèn)識(shí)CSS款式表。掌握援用CSS款式表的方法。掌握CSS款式表的運(yùn)用方法。知識(shí)目的知識(shí)目的目錄目錄模塊模塊4 網(wǎng)頁(yè)的款式設(shè)計(jì)網(wǎng)頁(yè)的款式設(shè)計(jì)能了解CSS的作用。能恰當(dāng)?shù)剡\(yùn)用CSS款式表修飾頁(yè)面。才干目的才干目的目錄目錄模塊模塊4 網(wǎng)頁(yè)的款式設(shè)計(jì)網(wǎng)頁(yè)的款式設(shè)計(jì)義務(wù)1：認(rèn)識(shí)CSS款式表。義務(wù)2：運(yùn)用CSS修飾頁(yè)面。詳細(xì)義務(wù)詳細(xì)義務(wù)目錄目錄CSS根底(1)(2)(3)(4)援用CSS款式表CSS規(guī)那么CSS款式的類(lèi)型4.1.1義務(wù)分析義務(wù)分析義務(wù)義務(wù)1 認(rèn)識(shí)認(rèn)識(shí)CSS款式表款式表目錄目錄4.1.2相關(guān)知識(shí)相

2、關(guān)知識(shí)1.CSS根底根底經(jīng)過(guò)運(yùn)用經(jīng)過(guò)運(yùn)用CSS款式設(shè)置頁(yè)面的格式，可將頁(yè)面款式設(shè)置頁(yè)面的格式，可將頁(yè)面的內(nèi)容與表示方式分別。的內(nèi)容與表示方式分別。除設(shè)置除設(shè)置HTML元素款式外，還可以運(yùn)用元素款式外，還可以運(yùn)用CSS控控制制Web頁(yè)面中塊級(jí)元素的格式和定位。對(duì)塊級(jí)元素頁(yè)面中塊級(jí)元素的格式和定位。對(duì)塊級(jí)元素進(jìn)展操作的方法實(shí)踐上就是運(yùn)用進(jìn)展操作的方法實(shí)踐上就是運(yùn)用CSS進(jìn)展頁(yè)面規(guī)劃進(jìn)展頁(yè)面規(guī)劃設(shè)置的方法。設(shè)置的方法。義務(wù)義務(wù)1 認(rèn)識(shí)認(rèn)識(shí)CSS款式表款式表目錄目錄2.CSS規(guī)那么規(guī)那么CSS規(guī)那么由兩個(gè)主要部分構(gòu)成，即選擇器和規(guī)那么由兩個(gè)主要部分構(gòu)成，即選擇器和一條或多條聲明。一條或多條聲明。選擇器

3、是需求改動(dòng)款式的元素，每條聲明由一選擇器是需求改動(dòng)款式的元素，每條聲明由一個(gè)屬性和一個(gè)值組成，屬性和值之間用冒號(hào)分開(kāi)。個(gè)屬性和一個(gè)值組成，屬性和值之間用冒號(hào)分開(kāi)。義務(wù)義務(wù)1 認(rèn)識(shí)認(rèn)識(shí)CSS款式表款式表目錄目錄3.CSS款式的類(lèi)型款式的類(lèi)型在在Dreamweaver中可以定義以下款式類(lèi)型中可以定義以下款式類(lèi)型義務(wù)義務(wù)1 認(rèn)識(shí)認(rèn)識(shí)CSS款式表款式表 (1) (2) (3)類(lèi)款式類(lèi)款式HTML標(biāo)簽標(biāo)簽款式款式高級(jí)款式高級(jí)款式目錄目錄4.援用援用CSS款式表款式表CSS規(guī)那么可以位于以下位置規(guī)那么可以位于以下位置義務(wù)義務(wù)1 認(rèn)識(shí)認(rèn)識(shí)CSS款式表款式表 (1) (2) (3)外部外部CSS款式表款式表內(nèi)

4、部或嵌入式內(nèi)部或嵌入式CSS款式表款式表內(nèi)聯(lián)款式內(nèi)聯(lián)款式目錄目錄義務(wù)義務(wù)1 認(rèn)識(shí)認(rèn)識(shí)CSS款式表款式表4.1.3義務(wù)小結(jié)義務(wù)小結(jié)CSS是網(wǎng)頁(yè)設(shè)計(jì)中一項(xiàng)很重要的技術(shù)，了解CSS的特性、掌握CSS的類(lèi)型和援用方式是正確運(yùn)用CSS的根本要求。目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面4.2.1義務(wù)分析義務(wù)分析要能正確、恰當(dāng)?shù)卦陧?yè)面中運(yùn)用CSS款式，需求掌握以下內(nèi)容(2)掌握掌握以下內(nèi)容以下內(nèi)容(1)(3)創(chuàng)建和管理CSS款式編輯CSS款式運(yùn)用和刪除CSS款式目錄目錄4.2.2相關(guān)知識(shí)相關(guān)知識(shí)1.創(chuàng)建和管理CSS款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修

5、飾頁(yè)面修飾頁(yè)面目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄2.編輯CSS款式Dreamweaver中提供了8種CSS款式類(lèi)別，即類(lèi)型、背景、區(qū)塊、方框、邊框、列表、定位和擴(kuò)展。類(lèi)型背景區(qū)塊方框邊框列表定位擴(kuò)展CSS款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄1“類(lèi)型款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄下面對(duì)“類(lèi)型款式下的各個(gè)選項(xiàng)進(jìn)展詳細(xì)引見(jiàn)義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄2“背景款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄下面對(duì)“背景款式下的各個(gè)選項(xiàng)進(jìn)展詳細(xì)引見(jiàn)。義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面Background

6、-color背景顏色)Background-image背景圖像Background-repeatBackground-positionX和Background-positionYBackground-attachment目錄目錄3“區(qū)塊款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄下面對(duì)“區(qū)塊款式下的各個(gè)選項(xiàng)進(jìn)展詳細(xì)引見(jiàn)義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面Word-spacing單詞間距Letter-spacing字母間距Vertical-align垂直對(duì)齊Text-align文本對(duì)齊Text-indent文字縮進(jìn)White-space空格Display顯示區(qū)塊款式目錄目錄4“方

7、框款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄下面對(duì)“方框款式下的各個(gè)選項(xiàng)進(jìn)展詳細(xì)引見(jiàn)義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面Width寬和Height高Float浮動(dòng)Clear去除Margin邊距Padding填充目錄目錄5“邊框款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄下面對(duì)“邊框款式下的各個(gè)選項(xiàng)進(jìn)展詳細(xì)引見(jiàn)義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面 (1) (2) (3)Style類(lèi)型類(lèi)型Width寬度寬度Color顏色顏色目錄目錄6“列表款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄下面對(duì)“列表款式下的各個(gè)選項(xiàng)進(jìn)展詳細(xì)引見(jiàn)義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)

8、面修飾頁(yè)面 (1) (2) (3)List-style-typeList-style-imageList-style-Position目錄目錄7“定位款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄下面對(duì)“定位款式下的主要選項(xiàng)進(jìn)展詳細(xì)引見(jiàn)義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面Placement放置Position位置Clip剪輯Z-IndexZ軸Overflow溢出Visibility可見(jiàn)性“定位款式定位款式目錄目錄8“擴(kuò)展款式義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄下面對(duì)“擴(kuò)展款式下的主要選項(xiàng)進(jìn)展詳細(xì)引見(jiàn)義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面 (1) (2) (3)分

9、頁(yè)分頁(yè)Cursor光標(biāo)光標(biāo)Filter過(guò)濾器過(guò)濾器目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面3.運(yùn)用和刪除運(yùn)用和刪除CSS款式款式運(yùn)用運(yùn)用CSS款式款式刪除刪除CSS款式款式目錄目錄4.2.3義務(wù)虛施義務(wù)虛施義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面1.詳細(xì)義務(wù)目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面2.實(shí)現(xiàn)步驟目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面目錄目錄義務(wù)義務(wù)2 運(yùn)用運(yùn)用CSS修飾頁(yè)面修飾頁(yè)面4.2.4義務(wù)小結(jié)義務(wù)小結(jié)經(jīng)過(guò)本義務(wù)可以練習(xí)創(chuàng)建、運(yùn)用款式規(guī)那么，創(chuàng)建、鏈接外部款式表等操作，CSS款式文件作用強(qiáng)大，是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的知識(shí)，運(yùn)用外部款式表文件可以極大地提高網(wǎng)頁(yè)制造效率和質(zhì)量，應(yīng)熟練掌握。目錄目錄思索與練習(xí)思索與練習(xí)1.假設(shè)要使一個(gè)網(wǎng)站的風(fēng)格一致并便于更新，在運(yùn)用CSS時(shí)最好運(yùn)用款式。A.內(nèi)部B.外部C.相對(duì)D.嵌入2.以下是定義款式表的正確