網(wǎng)頁設(shè)計(jì)與制作CSS.ppt

網(wǎng)頁設(shè)計(jì)與制作CSS.ppt

ID:49310157

大?。?30.00 KB

頁數(shù):63頁

時(shí)間:2020-02-03

網(wǎng)頁設(shè)計(jì)與制作CSS.ppt_第1頁
網(wǎng)頁設(shè)計(jì)與制作CSS.ppt_第2頁
網(wǎng)頁設(shè)計(jì)與制作CSS.ppt_第3頁
網(wǎng)頁設(shè)計(jì)與制作CSS.ppt_第4頁
網(wǎng)頁設(shè)計(jì)與制作CSS.ppt_第5頁
資源描述:

《網(wǎng)頁設(shè)計(jì)與制作CSS.ppt》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、CSS(CascadingStylesheets,層疊樣式表)是一種制作網(wǎng)頁的新技術(shù),現(xiàn)在已經(jīng)為大多數(shù)的瀏覽器所支持,成為網(wǎng)頁設(shè)計(jì)必不可少的工具之一。使用CSS能夠簡(jiǎn)化網(wǎng)頁的格式代碼,加快下載顯示的速度和減少需要上傳的代碼量,也減少了重復(fù)勞動(dòng)的工作量.為網(wǎng)頁上的元素精確地定位把網(wǎng)頁上的內(nèi)容結(jié)構(gòu)和格式控制相分離.只要修改CSS樣式表文件就可以改變整個(gè)站點(diǎn)的風(fēng)格特色CSS是一種樣式表語言,用戶可以使用它將樣式(如:字體,間距及語音提示等)附加到結(jié)構(gòu)化的文檔(如:HTML文檔和XML應(yīng)用)中。由于CSS將文檔呈現(xiàn)的樣式和文檔的內(nèi)容相互分離,因此網(wǎng)頁的

2、寫作和站點(diǎn)的維護(hù)得以簡(jiǎn)化。CSS(CascadingStylesheets,層疊樣式表)樣式是一個(gè)規(guī)則,告訴瀏覽器如何表現(xiàn)特定的HTML或XHTML標(biāo)簽中的內(nèi)容。每個(gè)標(biāo)簽都有一系列相關(guān)的樣式屬性,它們的值決定了瀏覽器將如何顯示這個(gè)標(biāo)簽。一條規(guī)則定義了標(biāo)簽中一個(gè)或幾個(gè)屬性的特定值。將樣式和標(biāo)簽結(jié)合起來的方式有三種:內(nèi)聯(lián)樣式表、文檔級(jí)樣式表,或者通過使用外部樣式表。1、內(nèi)聯(lián)樣式(inlinestyle)是連接樣式和標(biāo)簽的最簡(jiǎn)單的方式,只需在標(biāo)簽中包含一個(gè)style屬性,后面再跟一列屬性及屬性值即可。瀏覽器會(huì)根據(jù)樣式屬性及其值來表現(xiàn)標(biāo)簽中的內(nèi)容。

3、1style="color:blue">Bach'shomepageBach'shomepage因?yàn)閮?nèi)聯(lián)樣式會(huì)向其標(biāo)簽的定義中添加更多內(nèi)容,所以它們難維護(hù),也難以閱讀。2、文檔級(jí)樣式表將樣式表放在內(nèi)的標(biāo)簽之間的所有內(nèi)容都將被看作是樣式規(guī)

4、則的一部分type屬性級(jí)聯(lián)樣式表全部都是text/css類型;JavaScript樣式表使用的類型則是text/javascriptBach'shomepageh1{color:blue;font-style:italic}

Bach'shomepage

JohannSebastianBachwasaprolificcomposer.

3、鏈接式外部樣式表當(dāng)在文檔的<

5、head>標(biāo)簽中使用標(biāo)簽Bach'shomepage

Bach'shomepage

JohannSebastianBachwasaprolificcomposer.

link元素規(guī)定了:鏈

6、接類型:指向“stylesheet”。通過“href”屬性,指定了樣式表的位置。鏈接的樣式表的類型:“text/css”。樣式語法:樣式的語法(規(guī)則)樣式規(guī)則至少由三個(gè)基本部分組成:1、選擇符selector:HTML或XHTML標(biāo)記元素的名稱,2、大括號(hào){}3、大括號(hào){}括起來并用分號(hào)分隔的樣式列表(樣式:”CSS屬性:屬性值”)selector{propertyl:valuel;property2:value2;...}例如:h1{color:purple;font-style:italic}樣式的種類:1、單個(gè)的簡(jiǎn)單選擇符(只有一個(gè)標(biāo)記)

7、h1{color:blue;font-style:italic}2分組選擇符(集合選擇符)具有相同樣式的選擇符可以寫在一起,中間用逗號(hào)分開。如:h1,h2,h3{color:red;font-style:italic}3、嵌套選擇符(派生選擇符/上下文選擇符)EF匹配元素E的任意后代元素Fpb{color:red}將出現(xiàn)在p之內(nèi)任何位置的b元素的文本顏色設(shè)置為紅色pb,h1sub{color:green}將出現(xiàn)在p之內(nèi)任何位置的b元素和h1之內(nèi)任何位置的sub元素的文本顏色設(shè)置為綠色3、ID選擇符精通HTML

8、語言,完全能手寫HTML代碼;
熟練掌握ASP、ASP.Net、PHP,JAVA、JAVASCRIPT等技術(shù);
熟悉網(wǎng)站的管理、設(shè)計(jì)規(guī)劃、

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無此問題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。