瀏覽器基礎(chǔ)培訓(xùn)課件_第1頁
瀏覽器基礎(chǔ)培訓(xùn)課件_第2頁
瀏覽器基礎(chǔ)培訓(xùn)課件_第3頁
瀏覽器基礎(chǔ)培訓(xùn)課件_第4頁
瀏覽器基礎(chǔ)培訓(xùn)課件_第5頁
已閱讀5頁，還剩63頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

瀏覽器基礎(chǔ)培訓(xùn)（一）--初識

Web頁面瀏覽器基礎(chǔ)培訓(xùn)（一）--初識

Web頁面瀏覽器·Who·What·How1.瀏覽器是什么？2.瀏覽器做什么？3.瀏覽器怎么做？瀏覽器·Who·What·How1.瀏覽器是什么？瀏覽器·Who瀏覽器是什么？瀏覽器·Who瀏覽器是什么？瀏覽器·Who·名詞解釋瀏覽器是個(gè)Web應(yīng)用軟件：1、主要處理HTML文件內(nèi)容；文件可來自服務(wù)器，或本地文件；2、使用者與Web上內(nèi)容進(jìn)行交互。

備注：如果文件內(nèi)的數(shù)據(jù)不包含Web格式，那么顯示的是文件的原始數(shù)據(jù)內(nèi)容，例如可以讓瀏覽器顯示一個(gè)純文本，或一張圖片。瀏覽器·Who·名詞解釋瀏覽器是個(gè)Web應(yīng)用瀏覽器·Who·W3C

W3C是一個(gè)組織，專門負(fù)責(zé)制定、更新維護(hù)Web標(biāo)準(zhǔn)。兼容性問題：

因：雖有W3C規(guī)范，但各個(gè)瀏覽器對規(guī)范的理解和遵循，達(dá)不到一致；

果：依賴某個(gè)瀏覽器開發(fā)的業(yè)務(wù)，給別的瀏覽器帶來嚴(yán)重的兼容性問題。例如在IE下顯示正常的頁面，在Chrome下卻不正常。瀏覽器·Who·W3CW3C是一個(gè)組織，專門瀏覽器·Who·歷史

IT屆流行趨勢：信息共享，操作簡單；瀏覽器成就原因：1、圖像顯示支持；2、腳本語言支持；3、插件支持。瀏覽器成為互聯(lián)網(wǎng)接入的首選軟件。

現(xiàn)狀：國外大牌廠商激烈角逐，而國內(nèi)做貼牌的生意，

例如搜狗、360、遨游、世界之窗等等。瀏覽器·Who·歷史IT屆流行趨勢：信息共享瀏覽器·What瀏覽器做什么？瀏覽器·What瀏覽器做什么？瀏覽器·What·概述籠統(tǒng)的講，瀏覽器有如下的描述：1）頁面承載業(yè)務(wù)邏輯，是一切行動的觸發(fā)起源2）瀏覽器是執(zhí)行者，執(zhí)行頁面的命令，執(zhí)行的準(zhǔn)則是W3C規(guī)范3）瀏覽器是信息透傳者，負(fù)責(zé)上游頁面與下游模塊的信息互傳瀏覽器·What·概述籠統(tǒng)的講，瀏覽器有如下的描述：瀏覽器·What·處理對象從功能上講，包含：1、數(shù)據(jù)解析2、腳本編譯執(zhí)行3、元素排版布局等數(shù)據(jù)解析的對象：HTML、JavaScript、CSS腳本編譯執(zhí)行的對象：JavaScript影響排版布局的對象：HTML、JavaScript、CSS瀏覽器·What·處理對象從功能上講，包含：瀏覽器·What·了解一下磨刀不誤砍柴工，先了解最常見的web基礎(chǔ)語言：1）HTML2）JavaScript3）CSS瀏覽器·What·了解一下磨刀不誤砍柴工，先了解最常見的we瀏覽器·HTML·JavaScript·CSS介紹1.HTML介紹2.JavaScript介紹3.CSS介紹了解一下瀏覽器·HTML·JavaScript·CSS介紹1.HTM瀏覽器·What·HTML

HTML(HypertextMarkupLanguage)，即超文本標(biāo)記語言，是用于描述web文檔的一種標(biāo)記語言。

網(wǎng)頁的本質(zhì)就是HTML，通過結(jié)合使用其他的Web技術(shù)（如JavaScript等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。HTML是Web編程的基礎(chǔ)，也可以說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。瀏覽器·What·HTMLHTML(Hype瀏覽器·What·HTML·超級文本1）一種類似文本的標(biāo)記語言2）所謂超級鏈接，就是可以包含很多URL信息，通過URL信息，可得到相關(guān)數(shù)據(jù)的鏈接，方便瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一瀏覽器·What·HTML·超級文本1）一種類似文本的標(biāo)記語瀏覽器·What·HTML·編輯工具1、可視化編輯工具：Dreamweaver，F(xiàn)rontPage等2、文本編輯工具：Windows上有很多編輯軟件，如記事本、UltraEdit等，Linux上有vi等3、其他，微軟的office系列軟件，可以將文檔直接另存為html網(wǎng)頁文件

網(wǎng)頁開發(fā)如此簡單，從此改變最開始網(wǎng)頁開發(fā)者的命運(yùn)。瀏覽器·What·HTML·編輯工具1、可視化編輯工具：Dr瀏覽器·What·HTML·特點(diǎn)1）HTML文檔制作簡單

支持不同數(shù)據(jù)格式的文件嵌入，如各種類型的圖片、Flash動畫等2）可擴(kuò)展性

增加標(biāo)識符等滿足新需求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證3）平臺無關(guān)性

同個(gè)網(wǎng)頁，在不同的終端上訪問，顯示方式相同瀏覽器·What·HTML·特點(diǎn)1）HTML文檔制作簡單組成HTML文檔主要是標(biāo)簽，一般格式：或標(biāo)簽：不同的標(biāo)簽表示不同的意義屬性：可以設(shè)置參數(shù)，也可以不設(shè)內(nèi)容：容器里面需要展示的內(nèi)容，沒有內(nèi)容表示單個(gè)元素瀏覽器·What·HTML·語法格式<標(biāo)簽

屬性=參數(shù)>內(nèi)容</標(biāo)簽><標(biāo)簽

屬性=參數(shù)>組成HTML文檔主要是標(biāo)簽，一般格式：瀏覽器·What·HT<body> <b>

<fontcolor="#0099FF">helloword</font> </b> <br>

<imgborder="0"src="picture.gif"width="259"height="194"></body>注：<body></body>表示包含的內(nèi)容表示頁面主體；<b></b>表示包含的內(nèi)容為粗體字體展示；<br>表示換行<img>是圖片標(biāo)簽，其屬性使用了border、src、width、height，分別為：邊框粗細(xì)，圖片路徑，圖片寬度，圖片高度。瀏覽器·What·HTML·舉個(gè)例子<body>瀏覽器·What·HTML·舉個(gè)例子1）問：能計(jì)算1+1=?嗎，在輸入信息時(shí)出錯提醒一下呢？答：

HTML是標(biāo)記語言，沒有任何邏輯處理能力2）問：針對文章的正文部分的字體顏色的設(shè)置，有沒有批量設(shè)置？答：頁面字體等元素只能一個(gè)一個(gè)的設(shè)置瀏覽器·What·HTML·缺陷1）問：能計(jì)算1+1=?嗎，在輸入信息時(shí)出錯提醒一下呢？瀏覽1）沒有處理能力：JavaScript的出現(xiàn)解決這個(gè)問題，JavaScript可以與HTML一起協(xié)同工作，解決HTML頁面不具有的業(yè)務(wù)邏輯的缺陷。JavaScript進(jìn)行解決2）不能進(jìn)行批量設(shè)置樣式：針對HTML頁面的美化渲染比較復(fù)雜，需要針對每個(gè)元素都進(jìn)行特殊美化，CSS的出現(xiàn)，可以進(jìn)行批量美化，將網(wǎng)頁編輯者從繁重的體力活動中解脫。

CSS進(jìn)行解決瀏覽器·What·HTML·缺陷修復(fù)1）沒有處理能力：JavaScript的出現(xiàn)解決這個(gè)問題，HTML·JavaScript·CSS1.HTML介紹2.JavaScript介紹3.CSS介紹了解一下HTML·JavaScript·CSS1.HTML介紹了解一瀏覽器·What·JavaScript

JavaScript在HTML頁面中的標(biāo)識格式：<scripttype="text/javascript">……</script>

小記：Netscape公司研發(fā)的一種腳本語言，可以嵌入到Web瀏覽器中使用，又由于當(dāng)時(shí)Java很火，于是取名為：JavaScript（Java+Script），簡稱JS其實(shí)JavaScript與Java是兩個(gè)不同的語言，只是名字相近瀏覽器·What·JavaScriptJavaScript1）是一種面向?qū)ο蟮恼Z言，讓與HTML緊密結(jié)合，網(wǎng)頁更加“生動活潑”，給HTML頁面帶來生機(jī)2）增加頁面邏輯處理，提高網(wǎng)頁的可觀性3）用途：利用JavaScript輕易的做出親切的歡迎信息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡易的選舉，還可以顯示瀏覽器停留的時(shí)間瀏覽器·What·JavaScript·簡介1）是一種面向?qū)ο蟮恼Z言，讓與HTML緊密結(jié)合，網(wǎng)頁更加“生瀏覽器·What·JavaScript·VBScript·JScriptJavaScript：由Netscape研發(fā)VBScript：由微軟研發(fā)，用來打擊JavaScriptJscript：由微軟研發(fā)，是VBScript升級版本，但是使用者少三者本質(zhì)相同，只是所承載的戰(zhàn)略意義和目的不同瀏覽器·What·JavaScript·VBScript·J<divid="textvftime"></div><script>varStartTime=newDate();functionshowTime(){ varvTempDate=newDate(newDate()-StartTime); varhourClk=vTempDate.getUTCHours(); varminClk=vTempDate.getUTCMinutes(); varsecClk=vTempDate.getUTCSeconds(); if(hourClk<10) hourClk="0"+hourClk; if(secClk<10) secClk="0"+secClk; if(minClk<10) minClk="0"+minClk; document.getElementById("textvftime").innerHTML=hourClk+":"+minClk+":"+secClk;}varChatTimer=setInterval("showTime()",1000);</script>瀏覽器·What·HTML·JavaScript·例子預(yù)覽結(jié)果示例<divid="textvftime"></div>瀏覽器HTML·JavaScript·CSS1.HTML介紹2.JavaScript介紹3.CSS介紹了解一下HTML·JavaScript·CSS1.HTML介紹了解一瀏覽器·What·CSS級聯(lián)樣式表（CascadingStyleSheet）簡稱CSS，又為“風(fēng)格樣式表(StyleSheet)”，是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的級聯(lián)樣式表，更有效地控制網(wǎng)頁外觀，精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力瀏覽器·What·CSS級聯(lián)樣式表（Casc問：如果一個(gè)大型網(wǎng)站，可能有成千上萬個(gè)頁面，每個(gè)頁面有成千上萬個(gè)標(biāo)簽元素，針對每個(gè)元素都要設(shè)置的話，人力幾乎不可能，而且容易出錯？答：通過CSS控制，只需要修改幾行就能搞定。技巧：HTML頁面中定義相同類型的元素做標(biāo)記，可通過CSS統(tǒng)一渲染該標(biāo)記的所有元素的顯示效果，類似C/C++的宏定義實(shí)現(xiàn)。使用：CSS定義可放在HTML頁面內(nèi)，也可以保存css文件嵌入到HTML文件中，使用方式靈活。瀏覽器·What·CSS·作用問：如果一個(gè)大型網(wǎng)站，可能有成千上萬個(gè)頁面，每個(gè)頁面有成千上CSS規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇范圍（選擇器），以及一條或多條聲明瀏覽器·What·CSS·語法格式selector{declaration1;declaration2;...declarationN}例如CSS描述：h1{color:red;font-size:14px;}CSS規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇范圍（選擇器），以及一<html><head><styletype="text/css">body{ background-image:url(fnxn.jpg);

background-repeat:repeat; background-color:#0099FF;}</style></head><body></body></html>瀏覽器·What·CSS·簡單例子(1)圖片信息：名稱：fnxn.jpg高：170px寬：170px效果圖：背景全屏平鋪<html>瀏覽器·What·CSS·簡單例子(1)圖片信息<html><head><styletype="text/css">body{ background-image:url(fnxn.jpg);

background-repeat:repeat-x; background-color:#0099FF;}</style></head><body></body></html>瀏覽器·What·CSS·簡單例子(1)圖片信息：名稱：fnxn.jpg高：170px寬：170px效果圖：x軸方向平鋪，空余填充背景色<html>瀏覽器·What·CSS·簡單例子(1)圖片信息<html><head><styletype="text/css">body{ background-image:url(fnxn.jpg);

background-repeat:repeat-y; background-color:#0099FF;}</style></head><body></body></html>瀏覽器·What·CSS·簡單例子(1)圖片信息：名稱：fnxn.jpg高：170px寬：170px效果圖：y軸方向平鋪，空余填充背景色<html>瀏覽器·What·CSS·簡單例子(1)圖片信息<html><head><styletype="text/css">body{ background-image:url(fnxn.jpg);

background-repeat:no-repeat; background-color:#0099FF;}</style></head><body></body></html>瀏覽器·What·CSS·簡單例子(1)圖片信息：名稱：fnxn.jpg高：170px寬：170px效果圖：只顯示一次，空余填充背景色<html>瀏覽器·What·CSS·簡單例子(1)圖片信息請關(guān)注：瀏覽器培訓(xùn)（二）瀏覽器How請關(guān)注：演講完畢，謝謝觀看！演講完畢，謝謝觀看！瀏覽器基礎(chǔ)培訓(xùn)（一）--初識

Web頁面瀏覽器基礎(chǔ)培訓(xùn)（一）--初識

Web頁面瀏覽器·Who·What·How1.瀏覽器是什么？2.瀏覽器做什么？3.瀏覽器怎么做？瀏覽器·Who·What·How1.瀏覽器是什么？瀏覽器·Who瀏覽器是什么？瀏覽器·Who瀏覽器是什么？瀏覽器·Who·名詞解釋瀏覽器是個(gè)Web應(yīng)用軟件：1、主要處理HTML文件內(nèi)容；文件可來自服務(wù)器，或本地文件；2、使用者與Web上內(nèi)容進(jìn)行交互。

備注：如果文件內(nèi)的數(shù)據(jù)不包含Web格式，那么顯示的是文件的原始數(shù)據(jù)內(nèi)容，例如可以讓瀏覽器顯示一個(gè)純文本，或一張圖片。瀏覽器·Who·名詞解釋瀏覽器是個(gè)Web應(yīng)用瀏覽器·Who·W3C

W3C是一個(gè)組織，專門負(fù)責(zé)制定、更新維護(hù)Web標(biāo)準(zhǔn)。兼容性問題：

因：雖有W3C規(guī)范，但各個(gè)瀏覽器對規(guī)范的理解和遵循，達(dá)不到一致；

果：依賴某個(gè)瀏覽器開發(fā)的業(yè)務(wù)，給別的瀏覽器帶來嚴(yán)重的兼容性問題。例如在IE下顯示正常的頁面，在Chrome下卻不正常。瀏覽器·Who·W3CW3C是一個(gè)組織，專門瀏覽器·Who·歷史

IT屆流行趨勢：信息共享，操作簡單；瀏覽器成就原因：1、圖像顯示支持；2、腳本語言支持；3、插件支持。瀏覽器成為互聯(lián)網(wǎng)接入的首選軟件。

現(xiàn)狀：國外大牌廠商激烈角逐，而國內(nèi)做貼牌的生意，

例如搜狗、360、遨游、世界之窗等等。瀏覽器·Who·歷史IT屆流行趨勢：信息共享瀏覽器·What瀏覽器做什么？瀏覽器·What瀏覽器做什么？瀏覽器·What·概述籠統(tǒng)的講，瀏覽器有如下的描述：1）頁面承載業(yè)務(wù)邏輯，是一切行動的觸發(fā)起源2）瀏覽器是執(zhí)行者，執(zhí)行頁面的命令，執(zhí)行的準(zhǔn)則是W3C規(guī)范3）瀏覽器是信息透傳者，負(fù)責(zé)上游頁面與下游模塊的信息互傳瀏覽器·What·概述籠統(tǒng)的講，瀏覽器有如下的描述：瀏覽器·What·處理對象從功能上講，包含：1、數(shù)據(jù)解析2、腳本編譯執(zhí)行3、元素排版布局等數(shù)據(jù)解析的對象：HTML、JavaScript、CSS腳本編譯執(zhí)行的對象：JavaScript影響排版布局的對象：HTML、JavaScript、CSS瀏覽器·What·處理對象從功能上講，包含：瀏覽器·What·了解一下磨刀不誤砍柴工，先了解最常見的web基礎(chǔ)語言：1）HTML2）JavaScript3）CSS瀏覽器·What·了解一下磨刀不誤砍柴工，先了解最常見的we瀏覽器·HTML·JavaScript·CSS介紹1.HTML介紹2.JavaScript介紹3.CSS介紹了解一下瀏覽器·HTML·JavaScript·CSS介紹1.HTM瀏覽器·What·HTML

HTML(HypertextMarkupLanguage)，即超文本標(biāo)記語言，是用于描述web文檔的一種標(biāo)記語言。

網(wǎng)頁的本質(zhì)就是HTML，通過結(jié)合使用其他的Web技術(shù)（如JavaScript等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。HTML是Web編程的基礎(chǔ)，也可以說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。瀏覽器·What·HTMLHTML(Hype瀏覽器·What·HTML·超級文本1）一種類似文本的標(biāo)記語言2）所謂超級鏈接，就是可以包含很多URL信息，通過URL信息，可得到相關(guān)數(shù)據(jù)的鏈接，方便瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一瀏覽器·What·HTML·超級文本1）一種類似文本的標(biāo)記語瀏覽器·What·HTML·編輯工具1、可視化編輯工具：Dreamweaver，F(xiàn)rontPage等2、文本編輯工具：Windows上有很多編輯軟件，如記事本、UltraEdit等，Linux上有vi等3、其他，微軟的office系列軟件，可以將文檔直接另存為html網(wǎng)頁文件

網(wǎng)頁開發(fā)如此簡單，從此改變最開始網(wǎng)頁開發(fā)者的命運(yùn)。瀏覽器·What·HTML·編輯工具1、可視化編輯工具：Dr瀏覽器·What·HTML·特點(diǎn)1）HTML文檔制作簡單

支持不同數(shù)據(jù)格式的文件嵌入，如各種類型的圖片、Flash動畫等2）可擴(kuò)展性

增加標(biāo)識符等滿足新需求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證3）平臺無關(guān)性

同個(gè)網(wǎng)頁，在不同的終端上訪問，顯示方式相同瀏覽器·What·HTML·特點(diǎn)1）HTML文檔制作簡單組成HTML文檔主要是標(biāo)簽，一般格式：或標(biāo)簽：不同的標(biāo)簽表示不同的意義屬性：可以設(shè)置參數(shù)，也可以不設(shè)內(nèi)容：容器里面需要展示的內(nèi)容，沒有內(nèi)容表示單個(gè)元素瀏覽器·What·HTML·語法格式<標(biāo)簽

屬性=參數(shù)>內(nèi)容</標(biāo)簽><標(biāo)簽

屬性=參數(shù)>組成HTML文檔主要是標(biāo)簽，一般格式：瀏覽器·What·HT<body> <b>

<fontcolor="#0099FF">helloword</font> </b> <br>

<imgborder="0"src="picture.gif"width="259"height="194"></body>注：<body></body>表示包含的內(nèi)容表示頁面主體；<b></b>表示包含的內(nèi)容為粗體字體展示；<br>表示換行<img>是圖片標(biāo)簽，其屬性使用了border、src、width、height，分別為：邊框粗細(xì)，圖片路徑，圖片寬度，圖片高度。瀏覽器·What·HTML·舉個(gè)例子<body>瀏覽器·What·HTML·舉個(gè)例子1）問：能計(jì)算1+1=?嗎，在輸入信息時(shí)出錯提醒一下呢？答：

HTML是標(biāo)記語言，沒有任何邏輯處理能力2）問：針對文章的正文部分的字體顏色的設(shè)置，有沒有批量設(shè)置？答：頁面字體等元素只能一個(gè)一個(gè)的設(shè)置瀏覽器·What·HTML·缺陷1）問：能計(jì)算1+1=?嗎，在輸入信息時(shí)出錯提醒一下呢？瀏覽1）沒有處理能力：JavaScript的出現(xiàn)解決這個(gè)問題，JavaScript可以與HTML一起協(xié)同工作，解決HTML頁面不具有的業(yè)務(wù)邏輯的缺陷。JavaScript進(jìn)行解決2）不能進(jìn)行批量設(shè)置樣式：針對HTML頁面的美化渲染比較復(fù)雜，需要針對每個(gè)元素都進(jìn)行特殊美化，CSS的出現(xiàn)，可以進(jìn)行批量美化，將網(wǎng)頁編輯者從繁重的體力活動中解脫。

CSS進(jìn)行解決瀏覽器·What·HTML·缺陷修復(fù)1）沒有處理能力：JavaScript的出現(xiàn)解決這個(gè)問題，HTML·JavaScript·CSS1.HTML介紹2.JavaScript介紹3.CSS介紹了解一下HTML·JavaScript·CSS1.HTML介紹了解一瀏覽器·What·JavaScript

JavaScript在HTML頁面中的標(biāo)識格式：<scripttype="text/javascript">……</script>

小記：Netscape公司研發(fā)的一種腳本語言，可以嵌入到Web瀏覽器中使用，又由于當(dāng)時(shí)Java很火，于是取名為：JavaScript（Java+Script），簡稱JS其實(shí)JavaScript與Java是兩個(gè)不同的語言，只是名字相近瀏覽器·What·JavaScriptJavaScript1）是一種面向?qū)ο蟮恼Z言，讓與HTML緊密結(jié)合，網(wǎng)頁更加“生動活潑”，給HTML頁面帶來生機(jī)2）增加頁面邏輯處理，提高網(wǎng)頁的可觀性3）用途：利用JavaScript輕易的做出親切的歡迎信息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡易的選舉，還可以顯示瀏覽器停留的時(shí)間瀏覽器·What·JavaScript·簡介1）是一種面向?qū)ο蟮恼Z言，讓與HTML緊密結(jié)合，網(wǎng)頁更加“生瀏覽器·What·JavaScript·VBScript·JScriptJavaScript：由Netscape研發(fā)VBScript：由微軟研發(fā)，用來打擊JavaScriptJscript：由微軟研發(fā)，是VBScript升級版本，但是使用者少三者本質(zhì)相同，只是所承載的戰(zhàn)略意義和目的不同瀏覽器·What·JavaScript·VBScript·J<divid="textvftime"></div><script>varStartTime=newDate();functionshowTime(){ varvTempDate=newDate(newDate()-StartTime); varhourClk=vTempDate.getUTCHours(); varminClk=vTempDate.getUTCMinutes(); varsecClk=vTempDate.getUTCSeconds(); if(hourClk<10) hourClk="0"+hourClk; if(secClk<10) secClk="0"+secClk; if(minClk<10) minClk="0"+minClk; document.getElementById("textvftime").innerHTML=hourClk+":"+minClk+":"+secClk;}varChatTimer=setInterval("showTime()",1000);</script>瀏覽器·What·HTML·JavaScript·例子預(yù)覽結(jié)果示例<divid="textvftime"></div>瀏覽器HTML·JavaScript·CSS1.HTML介紹2.JavaScript介紹3.CSS介紹了解一下HTML·JavaScript·CSS1.HTML介紹了解一瀏覽器·What·CSS級聯(lián)樣式表（CascadingStyleSheet）簡稱CSS，又為“風(fēng)格樣式表(StyleSheet)”，是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的級聯(lián)樣式表，更有效地控制網(wǎng)頁外觀，精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力瀏覽器·What·CSS級聯(lián)樣式表（Casc問：如果一個(gè)大型網(wǎng)站，可能有成千上萬個(gè)頁面，每個(gè)頁面有成千上萬個(gè)標(biāo)簽元素，針對每個(gè)元素都要設(shè)置的話，人力幾乎不可能，而且容易出錯？答：通過CSS控制，只需要修改幾行就能搞定。技巧：HTML頁面中定義相同類型的元素做標(biāo)記，可通過CSS統(tǒng)一渲染該標(biāo)記的所有元素的顯示效果，類似C/C++的宏定義實(shí)現(xiàn)。使用：CSS定義可放在HTML頁面內(nèi)，也可以保存css文件嵌入到HTML文件中，使用方式靈活。瀏覽器·What·CSS·作用問：如果一個(gè)大型網(wǎng)站，可能有成千上萬個(gè)頁面，每個(gè)頁面有成千上CSS規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇范圍（選擇器），以及一條或多條聲明瀏覽器·What·CSS·語法格式selector{declaration1;declaration2;...declarationN

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論