css層疊樣式表簡(jiǎn)介

css層疊樣式表簡(jiǎn)介

ID:40742952

大小:226.50 KB

頁數(shù):24頁

時(shí)間:2019-08-07

css層疊樣式表簡(jiǎn)介_第1頁
css層疊樣式表簡(jiǎn)介_第2頁
css層疊樣式表簡(jiǎn)介_第3頁
css層疊樣式表簡(jiǎn)介_第4頁
css層疊樣式表簡(jiǎn)介_第5頁
資源描述:

《css層疊樣式表簡(jiǎn)介》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、CSS?1.層疊樣式表編輯本義項(xiàng)CSS目錄簡(jiǎn)介CSS的各個(gè)版本1.層疊樣式表解決了一個(gè)普遍的問題2.層疊式表的特點(diǎn)3.層疊樣式表極大地提高了工作效率CSS歷史使用CSS布局的優(yōu)點(diǎn)1.1:表現(xiàn)和內(nèi)容相分離2.2:提高頁面瀏覽速度3.3:易于維護(hù)和改版4.4:使用CSS布局更符合現(xiàn)在的W3C標(biāo)準(zhǔn).感性體驗(yàn)CSS1.什么是CSS2.CSS的作用如何將樣式表加入到網(wǎng)頁1.定義內(nèi)部樣式塊對(duì)象2.內(nèi)聯(lián)定義(InlineStyles)3.導(dǎo)入樣式(ImportStyles)4.幾種方式的優(yōu)先級(jí)CSS的語法:瀏覽器兼容性CS

2、S設(shè)計(jì)網(wǎng)頁的經(jīng)驗(yàn)CSSHack匯總快查Xhtml+css的結(jié)構(gòu)CSS的限制學(xué)好CSS的流程簡(jiǎn)介CSS的各個(gè)版本1.層疊樣式表解決了一個(gè)普遍的問題2.層疊式表的特點(diǎn)3.層疊樣式表極大地提高了工作效率CSS歷史使用CSS布局的優(yōu)點(diǎn)1.1:表現(xiàn)和內(nèi)容相分離2.2:提高頁面瀏覽速度3.3:易于維護(hù)和改版4.4:使用CSS布局更符合現(xiàn)在的W3C標(biāo)準(zhǔn).感性體驗(yàn)CSS1.什么是CSS2.CSS的作用如何將樣式表加入到網(wǎng)頁1.定義內(nèi)部樣式塊對(duì)象2.內(nèi)聯(lián)定義(InlineStyles)3.導(dǎo)入樣式(ImportStyles)4

3、.幾種方式的優(yōu)先級(jí)CSS的語法:瀏覽器兼容性·CSS設(shè)計(jì)網(wǎng)頁的經(jīng)驗(yàn)·CSSHack匯總快查·Xhtml+css的結(jié)構(gòu)·CSS的限制·學(xué)好CSS的流程展開簡(jiǎn)介  ????CSS(CascadingStyleSheet,可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”)是一組格式設(shè)置規(guī)則,用于控制Web頁面的外觀。通過使用CSS樣式設(shè)置頁面的格式,可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中,而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個(gè)文件中或HTML文檔的某一部分,通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離,不僅

4、可使維護(hù)站點(diǎn)的外觀更加容易,而且還可以使HTML文檔代碼更加簡(jiǎn)練,縮短瀏覽器的加載時(shí)間。CSS的各個(gè)版本  CSS有各種版本(即Level),所以知道要使用哪個(gè)版本是很重要的。CSS1在1996年末成為推薦標(biāo)準(zhǔn),其中包含非常基本的屬性,比如字體,顏色、空白邊。CSS2在此基礎(chǔ)上添加了高級(jí)概念(比如浮動(dòng)和定位)以及高級(jí)的選擇器(比如子選擇器、相鄰?fù)x擇器和通用選擇器)。在編寫本書時(shí),CSS2仍然是CSS的最新版本,盡管它早在1998年就已經(jīng)成為推薦標(biāo)準(zhǔn)。萬維網(wǎng)聯(lián)盟(W3C)的行動(dòng)非常緩慢,所以盡管CSS3的開

5、發(fā)工作在新千年開始之前就開始了,但是距離最終的發(fā)布還有相當(dāng)長(zhǎng)的路要走,為提高開發(fā)和瀏覽器實(shí)現(xiàn)的速度,CSS3被分割成模塊,這些模塊可以獨(dú)立發(fā)布和實(shí)現(xiàn)。CSS3包含一些令人興奮的新特性,包括一個(gè)用于多列布局的模塊,但是,選擇器模塊最接近于完成,可能在2006年成為推薦標(biāo)準(zhǔn)。因?yàn)轭A(yù)期從CSS2到CSS3的發(fā)布之間時(shí)間會(huì)很長(zhǎng),2002年人們啟動(dòng)了CSS2.1的開發(fā)。這是CSS2的修訂版,它計(jì)劃糾正一些錯(cuò)誤,并且更精確地描述CSS的瀏覽器實(shí)現(xiàn)。CSS2.1正在逐漸接近完成,但是可能在2006年年底之前無法實(shí)現(xiàn),然而,

6、它更準(zhǔn)確地反映了CSS當(dāng)前的狀態(tài)。層疊樣式表解決了一個(gè)普遍的問題  HTML標(biāo)簽原本被設(shè)計(jì)為用于定義文檔內(nèi)容。通過使用

、

這樣的標(biāo)簽,HTML的初衷是表達(dá)“這是標(biāo)題”、“這是段落”、“這是表格”之類的信息。同時(shí)文檔布局由瀏覽器來完成,而不使用任何的格式化標(biāo)簽?! ∮捎趦煞N主要的瀏覽器(Netscape和InternetExplorer)不斷地將新的HTML標(biāo)簽和屬性(比如字體標(biāo)簽和顏色屬性)添加到HTML規(guī)范中,創(chuàng)建文檔內(nèi)容清晰地獨(dú)立于文檔表現(xiàn)層的站點(diǎn)變得越來越困難?! 榱私鉀Q這

7、個(gè)問題,萬維網(wǎng)聯(lián)盟(W3C),這個(gè)非營(yíng)利的標(biāo)準(zhǔn)化聯(lián)盟,肩負(fù)起了HTML標(biāo)準(zhǔn)化的使命,并在HTML4.0之外創(chuàng)造出樣式(Style)?! ∷械闹髁鳛g覽器均支持層疊樣式表。層疊式表的特點(diǎn)  1、便于頁面的修改。  2、便于頁面風(fēng)格的統(tǒng)一?! ?、減少網(wǎng)頁的體積。層疊樣式表極大地提高了工作效率  樣式表定義如何顯示HTML元素,就像HTML3.2的字體標(biāo)簽和顏色屬性所起的作用那樣。樣式通常保存在外部的.css文件中。通過僅僅編輯一個(gè)簡(jiǎn)單的CSS文檔,外部樣式表使你有能力同時(shí)改變站點(diǎn)中所有頁面的布局和外觀?! ∮捎?/p>

8、允許同時(shí)控制多重頁面的樣式和布局,CSS可以稱得上WEB設(shè)計(jì)領(lǐng)域的一個(gè)突破。作為網(wǎng)站開發(fā)者,你能夠?yàn)槊總€(gè)HTML元素定義樣式,并將之應(yīng)用于你希望的任意多的頁面中。如需進(jìn)行全局的更新,只需簡(jiǎn)單地改變樣式,然后網(wǎng)站中的所有元素均會(huì)自動(dòng)地更新。[1]CSS歷史  1994年哈坤·利提出了CSS的最初建議;伯特·波斯(BertBos)當(dāng)時(shí)正在設(shè)計(jì)一個(gè)叫做Argo的瀏覽器,他們決定一起合作設(shè)計(jì)CSS?! ‘?dāng)時(shí)

當(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)系客服處理。