Web前端技術書后習題答案_第1頁
Web前端技術書后習題答案_第2頁
Web前端技術書后習題答案_第3頁
Web前端技術書后習題答案_第4頁
Web前端技術書后習題答案_第5頁
已閱讀5頁，還剩8頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

《Web前端技術》書后習題答案第1章：略

第2章：

一、選擇題：1～5：

C

C

D

A

C

6～10：

B

C

D

A

B

11～12：

C

B二、填空題（1）超文本標記語言瀏覽器（2）<head><body>（3）<metahttp-equiv=”refresh”content=”1”>（4）<b><strong><sup>（5）bgcolorbackground（6）face（7）olulli（8）imgborderalt（9）getpostpostget（10）type三、簡答題略第3章：一、選擇題：

1～5：

A

D

A

B

D

6～10：

C

D

C

C

D二、填空題（1）層疊樣式表CascadingStyleSheeet（2）內聯樣式內部樣式外部樣式（3）displayvisibility（4）邊框外邊距（5）塊級元素行內元素三、簡答題略四、設計分析題1.<style>body{font-size:12px;font-style:normal;text-decoration:underline;color:#ff3300;}</style>2.<html><head><metacharset="utf-8"/><title></title><style>#div1{background-color:#ffc33c;border:2pxsolid#333;height:300px;width:300px;float:left;margin-right:25px;}#div2{background-color:#ff33cc;border:2pxsolid#333;height:300px;width:300px;float:left;margin-left:25px;margin-right:25px;}#div3{background-color:#ff33cc;border:2pxsolid#333;height:300px;width:300px;float:left;margin-left:25px;margin-right:25px;}</style></head><body><divid="div1">左列</div><divid="div2">右列1</div><divid="div3">右列2</div></body></html>3.<html><head><metacharset="utf-8"/><title></title><style>div{ border:1pxredsolid; width:400px; height:200px; background-color:gray; color:white;}a:link{ color:#ff0000; text-decoration:none;}a:visited{ color:#00ff00;}a:hover{ color:#ff00ff;}a:active{ color:#0000ff;}</style></head><body><div> <ahref="">歡迎訪問我的個人網站</a></div></body></html>第4章：

一、選擇題：1～4：

D

B

B

D

5～8：

C

D

D

D二、填空題（1）:firstChild選中子元素（2）border-radiusborder-top-left-radius（3）box-shadowx_offsetblur（4）border-imageborder-image-repeatroundstretch（5）線性漸變徑向漸變（6）perspective三、簡答題略四、設計分析題1./*水平導航條*/<html><head><metacharset="utf-8"><title>水平導航條</title><style>ul{ list-style-type:none; margin:0; padding:0; overflow:hidden;}li{ float:left;}a:link,a:visited{ display:block; width:120px; font-weight:bold; color:#FFFFFF; background-color:#98bf21; text-align:center; padding:4px; text-decoration:none;}a:hover,a:active{ background-color:#7A991A;}</style></head><body><ul><li><ahref="#home">首頁</a></li><li><ahref="#news">新聞</a></li><li><ahref="#contact">聯系方式</a></li><li><ahref="#about">關于我們</a></li></ul></body></html>/*垂直導航條：去除li中的float:left樣式即可*/2.<html><head><metacharset="utf-8"><title></title><style>div.img{border:1pxsolid#ccc;}div.img:hover{border:1pxsolid#777;}div.imgimg{width:100%;height:auto;}div.desc{padding:15px;text-align:center;}*{box-sizing:border-box;}.responsive{padding:06px;float:left;width:24.9%;}@mediaonlyscreenand(max-width:800px){.responsive{width:49.9%;margin:6px0;}}@mediaonlyscreenand(max-width:400px){.responsive{width:100%;}}</style></head><body><h2style="text-align:center">響應式圖片相冊</h2><divclass="responsive"><divclass="img"><atarget="_blank"href="img1.jpg"><imgsrc="img1.jpg"alt="img1"></a><divclass="desc">img1</div></div></div><divclass="responsive"><divclass="img"><atarget="_blank"href="img2.jpg"><imgsrc="img2.jpg"alt="img2"></a><divclass="desc">img2</div></div></div><divclass="responsive"><divclass="img"><atarget="_blank"href="img3.jpg"><imgsrc="img3.jpg"alt="img3"></a><divclass="desc">img3</div></div></div><divclass="responsive"><divclass="img"><atarget="_blank"href="img4.jpg"><imgsrc="img4.jpg"alt="img4"></a><divclass="desc">img4</div></div></div><divclass="clearfix"></div><divstyle="padding:6px;"></div></body></html>第5章：一、選擇題：1～5：

CACBC

6～10：

BCBBA二、填空題（1）文檔對象模型瀏覽器對象模型（2）分號（3）單行注釋多行注釋（4）標識符數字關鍵字（5）鍵值內置對象瀏覽器對象三、設計分析題1.<html><body><script> varsum=0; for(vari=1;i<=1000;i++){ sum+=i; } document.write("1~1000間整數的和等于:"+sum);</script></body></html>2.<html><body><script> varsum=0; for(vari=1;i<1000;i+=2){ sum+=i; } document.write("1000以內奇數和等于:"+sum);</script></body></html>第6章：

一、選擇題：1～5：

BCCCC

6～10：D

C

A

C

D二、填空題（1）文檔對象模型W3C（2）getAttributesetAttribute（3）瀏覽器對象模型windownavigator（4）綁定事件解除事件綁定（5）confirmprompt（6）\w\d三、設計分析題1.^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$2.<pid="demo"></p><buttononclick="stop()">停止</button><script>varmyVar=setInterval(myTimer(),1000);functionmyTimer(){vard=newDate(); vart=d.toLocaleTimeString(); document.getElementById("demo").innerHTML=t;}functionstop(){clearInterval(myVar);}</script>第7章：一、選擇題：1～7：ADCBACC二、填空題（1）langzh-CNen（2）charsetgbk（3）headernavsection（4）summarydetails（5）progressmeter（6）contenteditablehiddendragable（7）\w\d三、簡單題略第8章：

一、選擇題：1～5：

CBCBC

6～10：D

B

A

C

D二、填空題（1）canvassvg（2）screenXscreenY（3）getContext（4）createLinearGradientcreateRadialGradient（5）矢量可縮放的矢量圖形三、簡單題略第9章：

一、選擇題：1～6：

CBCCDA二、填空題（1）audiovideo（2）autoplay（3）mp4oggwebm（4）OGGVorbis有損（5）WebAudioAPI（6）preloadposter第10章：一、選擇題：1～5：

CABAB

6～10：BDCBA二、填空題（1）multipleFileList（2）namesizeMIMElastModified（3）readAsTextreadAsBinaryString（4）dragable（5）JSON鍵值對（6）sessionStoragelocalStorage三、簡單題略第11章：

一、選擇題：1～7：

BADCBDB二、填空題（1）AJAX輪詢長輪詢（2）TCP全雙工（3）HTTP（4）XMLHttpRequest不刷新（5）WebWorker三、簡單題略第12章：一、填空題（1）彈性容器彈性項目displayflex（2）主軸交叉軸（3）flex-directionflex-wrap二、設計分析題1.<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>布局</title><style>*{box-sizing:border-box;}body{font-family:Arial;padding:10px;background:#f1f1f1;}/*頭部標題*/.header{padding:30px;text-align:center;background:white;}.headerh1{font-size:50px;}/*導航條*/.topnav{overflow:hidden;background-color:#333;}/*導航條鏈接*/.topnava{/*float:left;display:block;*/display:inline-block;color:#f2f2f2;text-align:center;padding:14px16px;text-decoration:none;}/*鏈接顏色修改*/.topnava:hover{background-color:#ddd;color:black;}/*創(chuàng)建兩列*//*Leftcolumn*/.leftcolumn{float:left;width:75%;}/*右側欄*/.rightcolumn{float:left;width:25%;background-color:#f1f1f1;padding-left:20px;}/*圖像部分*/.fakeimg{background-color:#aaa;width:100%;padding:20px;}/*文章卡片效果*/.card{background-color:white;padding:20px;margin-top:20px;}/*列后面清除浮動*/.row:after{content:"";display:table;clear:both;}/*底部*/.footer{padding:20px;text-align:center;background:#ddd;margin-top:20px;}/*響應式布局-屏幕尺寸小于800px時，兩列布局改為上下布局*/@mediascreenand(max-width:800px){.leftcolumn,.rightcolumn{width:100%;padding:0;}}/*響應式布局-屏幕尺寸小于400px時，導航等布局改為上下布局*/@mediascreenand(max-width:400px){.topnava{float:none;width:100%;}}</style></head><body><divclass="header"><h1>我的網頁</h1><p>重置瀏覽器大小查看效果。</p></div><divclass="topnav"><ahref="#">鏈接</a><ahref="#">鏈接</a><ahref="#">鏈接</a><ahref="#"style="float:right">鏈接</a></div><divclass="row"><divclass="leftcolumn"><divclass="card"><h2>文章標題</h2><h5>2019年4月17日</h5>

溫馨提示

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

最新文檔

評論

0/150

提交評論