網(wǎng)站規(guī)劃建設(shè)與管理維護(hù)（第三版） 課件 單元 4 構(gòu)建CSS3樣式與網(wǎng)頁(yè)布局1

單元4構(gòu)建CSS3樣式與網(wǎng)頁(yè)布局網(wǎng)站規(guī)劃建設(shè)與管理維護(hù)（第三版）單元4

構(gòu)建CSS3樣式與網(wǎng)頁(yè)布局學(xué)習(xí)目標(biāo)1了解CSS3的基本語(yǔ)法與格式掌握CSS3在網(wǎng)頁(yè)布局中的應(yīng)用熟悉CSS3各種屬性的設(shè)置學(xué)習(xí)一絲不茍的工作態(tài)度單元內(nèi)容及任務(wù)說(shuō)明

任務(wù)1體驗(yàn)CSS3樣式應(yīng)用

CSS（cascadingstylesheet，層疊樣式表）是一組格式設(shè)置規(guī)則，用于控制Web頁(yè)面的外觀，目前最新版本為CSS3。CSS是能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。相對(duì)于傳統(tǒng)HTML的格式表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁(yè)對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制，支持幾乎所有的字體字號(hào)樣式，擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計(jì)，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語(yǔ)言任務(wù)2設(shè)置CSS樣式任務(wù)3應(yīng)用CSS+Div布局技術(shù)在使用CSS樣式之前要先定義好CSS樣式，這樣才能對(duì)網(wǎng)頁(yè)中的內(nèi)容進(jìn)行CSS樣式的應(yīng)用。在Dreamweaver中，即使不懂CSS代碼，也可以輕松地創(chuàng)建與使用CSS樣式表。本任務(wù)圍繞設(shè)置CSS樣式開(kāi)展。

CSS布局技術(shù)依賴于三個(gè)基本概念：定位、浮動(dòng)和空白邊操縱。不同的技術(shù)其實(shí)沒(méi)有什么本質(zhì)的差異，只是實(shí)現(xiàn)手段不同。同一種布局讓100個(gè)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)做,可能就有100種方法。此任務(wù)圍繞應(yīng)用Css+Div布局技術(shù)展開(kāi)。任務(wù)實(shí)施-體驗(yàn)CSS外部樣式表確定網(wǎng)站建設(shè)的目的確定網(wǎng)站建設(shè)的目的網(wǎng)站結(jié)構(gòu)總體策劃010203

任務(wù)1了解網(wǎng)站整體規(guī)劃CSS的語(yǔ)法構(gòu)建選擇器應(yīng)用CSS樣式到網(wǎng)頁(yè)中任務(wù)實(shí)施-體驗(yàn)CSS外部樣式表

相關(guān)知識(shí)CSS的語(yǔ)法結(jié)構(gòu)選擇器應(yīng)用CSS樣式到網(wǎng)頁(yè)中010203

相關(guān)知識(shí)任務(wù)實(shí)施-CSS樣式應(yīng)用確定網(wǎng)站建設(shè)的目的確定網(wǎng)站建設(shè)的目的網(wǎng)站結(jié)構(gòu)總體策劃010203任務(wù)2設(shè)置CSS樣式使用CSS創(chuàng)建個(gè)性化鼠標(biāo)使用CSS3濾鏡設(shè)置CSS樣式的過(guò)渡屬性任務(wù)實(shí)施-CSS樣式應(yīng)用

任務(wù)實(shí)施-CSS樣式應(yīng)用

任務(wù)實(shí)施-CSS樣式應(yīng)用

相關(guān)知識(shí)新建CSS樣式編輯CSS樣式設(shè)置CSS樣式的類型屬性設(shè)置CSS樣式的背景屬性設(shè)置CSS樣式的區(qū)塊屬性0102030504相關(guān)知識(shí)設(shè)置CSS樣式的方框?qū)傩栽O(shè)置CSS樣式的邊框?qū)傩栽O(shè)置CSS樣式的列表屬性設(shè)置CSS樣式的定位屬性設(shè)置CSS樣式的寬展屬性060708100912設(shè)置CSS樣式的過(guò)渡屬性11CSS和CSS3的異同

相關(guān)知識(shí)

相關(guān)知識(shí)相關(guān)知識(shí)相關(guān)知識(shí)相關(guān)知識(shí)相關(guān)知識(shí)相關(guān)知識(shí)任務(wù)實(shí)

施班級(jí)簡(jiǎn)歷網(wǎng)頁(yè)布局

確定網(wǎng)站建設(shè)的目的確定網(wǎng)站建設(shè)的目的0102任務(wù)3應(yīng)用CSS+Div布局技術(shù)基于浮動(dòng)的固定布局班級(jí)簡(jiǎn)介網(wǎng)頁(yè)布局任務(wù)實(shí)施-班級(jí)簡(jiǎn)歷網(wǎng)頁(yè)布局任務(wù)實(shí)施-班級(jí)簡(jiǎn)歷網(wǎng)頁(yè)布局任務(wù)實(shí)施-班級(jí)簡(jiǎn)歷網(wǎng)頁(yè)布局

相關(guān)知識(shí)CSS盒模型讓布局居中流體布局和彈性布局010203

相關(guān)知識(shí)本章小結(jié)自從CSS出現(xiàn)之后，HTML終于擺脫了雜亂無(wú)章的描述手法，開(kāi)始將頁(yè)面內(nèi)容與樣式分離。CSS符合W3C標(biāo)準(zhǔn)，最大限度地保證網(wǎng)站不會(huì)因?yàn)榫W(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。其極大優(yōu)勢(shì)表現(xiàn)在簡(jiǎn)潔的代碼，對(duì)于一個(gè)大型網(wǎng)站來(lái)說(shuō)，可以節(jié)省大量帶寬。相對(duì)于傳統(tǒng)的table，采用CSS+Div技術(shù)的網(wǎng)頁(yè)，對(duì)于搜索引擎的收錄更加友好。CSS的關(guān)鍵在于其與HTML技術(shù)及JavaScript等腳本語(yǔ)言的