版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
瀏覽器基礎(chǔ)培訓(xùn)（一）--初識(shí)
Web頁面瀏覽器基礎(chǔ)培訓(xùn)（一）--初識(shí)
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è)瀏覽器對(duì)規(guī)范的理解和遵循，達(dá)不到一致；
果：依賴某個(gè)瀏覽器開發(fā)的業(yè)務(wù)，給別的瀏覽器帶來嚴(yán)重的兼容性問題。例如在IE下顯示正常的頁面，在Chrome下卻不正常。瀏覽器·Who·W3CW3C是一個(gè)組織，專門瀏覽器·Who·歷史
IT屆流行趨勢(shì)：信息共享，操作簡(jiǎn)單；瀏覽器成就原因：1、圖像顯示支持；2、腳本語言支持；3、插件支持。瀏覽器成為互聯(lián)網(wǎng)接入的首選軟件。
現(xiàn)狀：國外大牌廠商激烈角逐，而國內(nèi)做貼牌的生意，
例如搜狗、360、遨游、世界之窗等等。瀏覽器·Who·歷史IT屆流行趨勢(shì)：信息共享瀏覽器·What瀏覽器做什么？瀏覽器·What瀏覽器做什么？瀏覽器·What·概述籠統(tǒng)的講，瀏覽器有如下的描述：1）頁面承載業(yè)務(wù)邏輯，是一切行動(dòng)的觸發(fā)起源2）瀏覽器是執(zhí)行者，執(zhí)行頁面的命令，執(zhí)行的準(zhǔn)則是W3C規(guī)范3）瀏覽器是信息透?jìng)髡?，?fù)責(zé)上游頁面與下游模塊的信息互傳瀏覽器·What·概述籠統(tǒng)的講，瀏覽器有如下的描述：瀏覽器·What·處理對(duì)象從功能上講，包含：1、數(shù)據(jù)解析2、腳本編譯執(zhí)行3、元素排版布局等數(shù)據(jù)解析的對(duì)象：HTML、JavaScript、CSS腳本編譯執(zhí)行的對(duì)象：JavaScript影響排版布局的對(duì)象：HTML、JavaScript、CSS瀏覽器·What·處理對(duì)象從功能上講，包含：瀏覽器·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·超級(jí)文本1）一種類似文本的標(biāo)記語言2）所謂超級(jí)鏈接，就是可以包含很多URL信息，通過URL信息，可得到相關(guān)數(shù)據(jù)的鏈接，方便瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一瀏覽器·What·HTML·超級(jí)文本1）一種類似文本的標(biāo)記語瀏覽器·What·HTML·編輯工具1、可視化編輯工具：Dreamweaver，F(xiàn)rontPage等2、文本編輯工具：Windows上有很多編輯軟件，如記事本、UltraEdit等，Linux上有vi等3、其他，微軟的office系列軟件，可以將文檔直接另存為html網(wǎng)頁文件
網(wǎng)頁開發(fā)如此簡(jiǎn)單，從此改變最開始網(wǎng)頁開發(fā)者的命運(yùn)。瀏覽器·What·HTML·編輯工具1、可視化編輯工具：Dr瀏覽器·What·HTML·特點(diǎn)1）HTML文檔制作簡(jiǎn)單
支持不同數(shù)據(jù)格式的文件嵌入，如各種類型的圖片、Flash動(dòng)畫等2）可擴(kuò)展性
增加標(biāo)識(shí)符等滿足新需求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證3）平臺(tái)無關(guān)性
同個(gè)網(wǎng)頁，在不同的終端上訪問，顯示方式相同瀏覽器·What·HTML·特點(diǎn)1）HTML文檔制作簡(jiǎn)單組成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í)出錯(cuò)提醒一下呢？答：
HTML是標(biāo)記語言，沒有任何邏輯處理能力2）問：針對(duì)文章的正文部分的字體顏色的設(shè)置，有沒有批量設(shè)置？答：頁面字體等元素只能一個(gè)一個(gè)的設(shè)置瀏覽器·What·HTML·缺陷1）問：能計(jì)算1+1=?嗎，在輸入信息時(shí)出錯(cuò)提醒一下呢？瀏覽1）沒有處理能力：JavaScript的出現(xiàn)解決這個(gè)問題，JavaScript可以與HTML一起協(xié)同工作，解決HTML頁面不具有的業(yè)務(wù)邏輯的缺陷。JavaScript進(jìn)行解決2）不能進(jìn)行批量設(shè)置樣式：針對(duì)HTML頁面的美化渲染比較復(fù)雜，需要針對(duì)每個(gè)元素都進(jìn)行特殊美化，CSS的出現(xiàn)，可以進(jìn)行批量美化，將網(wǎng)頁編輯者從繁重的體力活動(dò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)識(shí)格式：<scripttype="text/javascript">……</script>
小記：Netscape公司研發(fā)的一種腳本語言，可以嵌入到Web瀏覽器中使用，又由于當(dāng)時(shí)Java很火，于是取名為：JavaScript（Java+Script），簡(jiǎn)稱JS其實(shí)JavaScript與Java是兩個(gè)不同的語言，只是名字相近瀏覽器·What·JavaScriptJavaScript1）是一種面向?qū)ο蟮恼Z言，讓與HTML緊密結(jié)合，網(wǎng)頁更加“生動(dòng)活潑”，給HTML頁面帶來生機(jī)2）增加頁面邏輯處理，提高網(wǎng)頁的可觀性3）用途：利用JavaScript輕易的做出親切的歡迎信息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡(jiǎn)易的選舉，還可以顯示瀏覽器停留的時(shí)間瀏覽器·What·JavaScript·簡(jiǎn)介1）是一種面向?qū)ο蟮恼Z言，讓與HTML緊密結(jié)合，網(wǎng)頁更加“生瀏覽器·What·JavaScript·VBScript·JScriptJavaScript：由Netscape研發(fā)VBScript：由微軟研發(fā)，用來打擊JavaScriptJscript：由微軟研發(fā)，是VBScript升級(jí)版本，但是使用者少三者本質(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級(jí)聯(lián)樣式表（CascadingStyleSheet）簡(jiǎn)稱CSS，又為“風(fēng)格樣式表(StyleSheet)”，是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的級(jí)聯(lián)樣式表，更有效地控制網(wǎng)頁外觀，精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力瀏覽器·What·CSS級(jí)聯(lián)樣式表（Casc問：如果一個(gè)大型網(wǎng)站，可能有成千上萬個(gè)頁面，每個(gè)頁面有成千上萬個(gè)標(biāo)簽元素，針對(duì)每個(gè)元素都要設(shè)置的話，人力幾乎不可能，而且容易出錯(cuò)？答：通過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·簡(jiǎn)單例子(1)圖片信息：名稱：fnxn.jpg高：170px寬：170px效果圖：背景全屏平鋪<html>瀏覽器·What·CSS·簡(jiǎn)單例子(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·簡(jiǎn)單例子(1)圖片信息：名稱：fnxn.jpg高：170px寬：170px效果圖：x軸方向平鋪，空余填充背景色<html>瀏覽器·What·CSS·簡(jiǎn)單例子(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·簡(jiǎn)單例子(1)圖片信息：名稱：fnxn.jpg高：170px寬：170px效果圖：y軸方向平鋪，空余填充背景色<html>瀏覽器·What·CSS·簡(jiǎn)單例子(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·簡(jiǎn)單例子(1)圖片信息：名稱：fnxn.jpg高：170px寬：170px效果圖：只顯示一次，空余填充背景色<html>瀏覽器·What·CSS·簡(jiǎn)單例子(1)圖片信息請(qǐng)關(guān)注：瀏覽器培訓(xùn)（二）瀏覽器How請(qǐng)關(guān)注：演講完畢，謝謝觀看！演講完畢，謝謝觀看！瀏覽器基礎(chǔ)培訓(xùn)（一）--初識(shí)
Web頁面瀏覽器基礎(chǔ)培訓(xùn)（一）--初識(shí)
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è)瀏覽器對(duì)規(guī)范的理解和遵循，達(dá)不到一致；
果：依賴某個(gè)瀏覽器開發(fā)的業(yè)務(wù)，給別的瀏覽器帶來嚴(yán)重的兼容性問題。例如在IE下顯示正常的頁面，在Chrome下卻不正常。瀏覽器·Who·W3CW3C是一個(gè)組織，專門瀏覽器·Who·歷史
IT屆流行趨勢(shì)：信息共享，操作簡(jiǎn)單；瀏覽器成就原因：1、圖像顯示支持；2、腳本語言支持；3、插件支持。瀏覽器成為互聯(lián)網(wǎng)接入的首選軟件。
現(xiàn)狀：國外大牌廠商激烈角逐，而國內(nèi)做貼牌的生意，
例如搜狗、360、遨游、世界之窗等等。瀏覽器·Who·歷史IT屆流行趨勢(shì)：信息共享瀏覽器·What瀏覽器做什么？瀏覽器·What瀏覽器做什么？瀏覽器·What·概述籠統(tǒng)的講，瀏覽器有如下的描述：1）頁面承載業(yè)務(wù)邏輯，是一切行動(dòng)的觸發(fā)起源2）瀏覽器是執(zhí)行者，執(zhí)行頁面的命令，執(zhí)行的準(zhǔn)則是W3C規(guī)范3）瀏覽器是信息透?jìng)髡?，?fù)責(zé)上游頁面與下游模塊的信息互傳瀏覽器·What·概述籠統(tǒng)的講，瀏覽器有如下的描述：瀏覽器·What·處理對(duì)象從功能上講，包含：1、數(shù)據(jù)解析2、腳本編譯執(zhí)行3、元素排版布局等數(shù)據(jù)解析的對(duì)象：HTML、JavaScript、CSS腳本編譯執(zhí)行的對(duì)象：JavaScript影響排版布局的對(duì)象：HTML、JavaScript、CSS瀏覽器·What·處理對(duì)象從功能上講，包含：瀏覽器·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·超級(jí)文本1）一種類似文本的標(biāo)記語言2）所謂超級(jí)鏈接，就是可以包含很多URL信息，通過URL信息，可得到相關(guān)數(shù)據(jù)的鏈接，方便瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一瀏覽器·What·HTML·超級(jí)文本1）一種類似文本的標(biāo)記語瀏覽器·What·HTML·編輯工具1、可視化編輯工具：Dreamweaver，F(xiàn)rontPage等2、文本編輯工具：Windows上有很多編輯軟件，如記事本、UltraEdit等，Linux上有vi等3、其他，微軟的office系列軟件，可以將文檔直接另存為html網(wǎng)頁文件
網(wǎng)頁開發(fā)如此簡(jiǎn)單，從此改變最開始網(wǎng)頁開發(fā)者的命運(yùn)。瀏覽器·What·HTML·編輯工具1、可視化編輯工具：Dr瀏覽器·What·HTML·特點(diǎn)1）HTML文檔制作簡(jiǎn)單
支持不同數(shù)據(jù)格式的文件嵌入，如各種類型的圖片、Flash動(dòng)畫等2）可擴(kuò)展性
增加標(biāo)識(shí)符等滿足新需求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證3）平臺(tái)無關(guān)性
同個(gè)網(wǎng)頁，在不同的終端上訪問，顯示方式相同瀏覽器·What·HTML·特點(diǎn)1）HTML文檔制作簡(jiǎn)單組成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í)出錯(cuò)提醒一下呢？答：
HTML是標(biāo)記語言，沒有任何邏輯處理能力2）問：針對(duì)文章的正文部分的字體顏色的設(shè)置，有沒有批量設(shè)置？答：頁面字體等元素只能一個(gè)一個(gè)的設(shè)置瀏覽器·What·HTML·缺陷1）問：能計(jì)算1+1=?嗎，在輸入信息時(shí)出錯(cuò)提醒一下呢？瀏覽1）沒有處理能力：JavaScript的出現(xiàn)解決這個(gè)問題，JavaScript可以與HTML一起協(xié)同工作，解決HTML頁面不具有的業(yè)務(wù)邏輯的缺陷。JavaScript進(jìn)行解決2）不能進(jìn)行批量設(shè)置樣式：針對(duì)HTML頁面的美化渲染比較復(fù)雜，需要針對(duì)每個(gè)元素都進(jìn)行特殊美化，CSS的出現(xiàn)，可以進(jìn)行批量美化，將網(wǎng)頁編輯者從繁重的體力活動(dò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)識(shí)格式：<scripttype="text/javascript">……</script>
小記：Netscape公司研發(fā)的一種腳本語言，可以嵌入到Web瀏覽器中使用，又由于當(dāng)時(shí)Java很火，于是取名為：JavaScript（Java+Script），簡(jiǎn)稱JS其實(shí)JavaScript與Java是兩個(gè)不同的語言，只是名字相近瀏覽器·What·JavaScriptJavaScript1）是一種面向?qū)ο蟮恼Z言，讓與HTML緊密結(jié)合，網(wǎng)頁更加“生動(dòng)活潑”，給HTML頁面帶來生機(jī)2）增加頁面邏輯處理，提高網(wǎng)頁的可觀性3）用途：利用JavaScript輕易的做出親切的歡迎信息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡(jiǎn)易的選舉，還可以顯示瀏覽器停留的時(shí)間瀏覽器·What·JavaScript·簡(jiǎn)介1）是一種面向?qū)ο蟮恼Z言，讓與HTML緊密結(jié)合，網(wǎng)頁更加“生瀏覽器·What·JavaScript·VBScript·JScriptJavaScript：由Netscape研發(fā)VBScript：由微軟研發(fā)，用來打擊JavaScriptJscript：由微軟研發(fā)，是VBScript升級(jí)版本，但是使用者少三者本質(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級(jí)聯(lián)樣式表（CascadingStyleSheet）簡(jiǎn)稱CSS，又為“風(fēng)格樣式表(StyleSheet)”，是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計(jì)的級(jí)聯(lián)樣式表，更有效地控制網(wǎng)頁外觀，精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力瀏覽器·What·CSS級(jí)聯(lián)樣式表（Casc問：如果一個(gè)大型網(wǎng)站，可能有成千上萬個(gè)頁面，每個(gè)頁面有成千上萬個(gè)標(biāo)簽元素，針對(duì)每個(gè)元素都要設(shè)置的話，人力幾乎不可能，而且容易出錯(cuò)？答：通過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等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年注冊(cè)會(huì)計(jì)師考試的知識(shí)獲取渠道與試題及答案
- 2024年注冊(cè)會(huì)計(jì)師必讀學(xué)習(xí)資源試題及答案
- 妊娠劇吐腦病護(hù)理
- 發(fā)熱患者的護(hù)理注意事項(xiàng)
- 績(jī)效評(píng)估體系的建立與優(yōu)化計(jì)劃
- 預(yù)算控制工作方案計(jì)劃
- 第13課《一、創(chuàng)建站點(diǎn)》教學(xué)設(shè)計(jì) 2023-2024學(xué)年初中信息技術(shù)人教版七年級(jí)上冊(cè)
- 推動(dòng)變革社團(tuán)工作變革計(jì)劃
- 激發(fā)學(xué)生創(chuàng)造力的班級(jí)活動(dòng)設(shè)計(jì)計(jì)劃
- 政策法規(guī)培訓(xùn)計(jì)劃
- 商戶外擺合作協(xié)議
- 中小學(xué)落實(shí)每天體育2小時(shí)開展情況校長(zhǎng)匯報(bào)發(fā)言：從政策到行動(dòng)如何讓學(xué)生體育兩小時(shí)落地生花
- 第6課-做個(gè)胸卡送老人-（課件）
- 2024年河北建投集團(tuán)招聘工作人員考試真題
- 公司文員面試試題及答案
- 大壩固結(jié)灌漿與帷幕灌漿施工方案
- 2024-2025學(xué)年江蘇省常州市高一上學(xué)期期末統(tǒng)考英語試卷
- 2025年湖北省八市高三（3月）聯(lián)考物理試卷（含答案詳解）
- 統(tǒng)編版語文四年級(jí)下冊(cè) 第四單元 習(xí)作：《我的動(dòng)物朋友》課件
- 對(duì)標(biāo)一流-2025年國央企風(fēng)控合規(guī)案例白皮書
- 中央2025年中央宣傳部直屬單位招聘78人筆試歷年參考題庫附帶答案詳解
評(píng)論
0/150
提交評(píng)論