Web前端技術試題

1、Web前端技術教學基于We而準的網(wǎng)頁設計與制作試題及答案一、單項選擇:(每題分,共69分)語言中,創(chuàng)建一個位于文檔內部的錨點的語句是:()A.B.C.D.答案:C中的元素可分為塊級(block)元素和行內(inline)元素,下列哪個元素是塊級元素:()A.B.C.D.答案:A3. 下列哪條html語句的寫法符合XHTM范：()A. B. C. D. 答案:B4. 在編輯網(wǎng)頁時，按“Ctrl+Shift+空格鍵”插入的HTML代碼為：()A. B. C.&sbnpD.&sbnp;答案:B5. 標記一般包含在標記中。()A.B.C.答案:A6. 要在新窗口打開一個鏈接指向的網(wǎng)頁

2、需用到()A. href=_blank”B. Name=“_blank”C. target=_blank”D. href=#blank”答案:C7. 特殊符號?(版權符號)對應的源代碼是:()A.Copy；B.©；C.Copyright；©right；答案:B8. 在網(wǎng)頁中經常用的圖像格式是:()A. gif,jpg和pngB. gif,bmp和pngC. bmp,jpg和pngD. psd,gif和pngD.tableD.答案:A9. 關于JavaScript語言,下列說法中錯誤是:()A. JavaScript語言是一種解釋性語言B. JavaScript語言與操作環(huán)境無關

3、C. JavaScript語言與客戶端瀏覽器無關D. JavaScript是動態(tài)的,它可以直接對用戶輸入做出響應答案:C10. 如何能夠定義列表的項目符號為實心矩形()A. list-type:squareB. type:2C. type:squareD. list-style-type:square答案:D11 .下列哪種CSSH性不能讓頁面在瀏覽器中居中顯示(網(wǎng)頁中所有可顯示的元素都包含在一個id為container的div盒子內)()A. #containermargin:0auto;width:780px;B. #containerposition:relative;width:780

4、px;left:50%;margin-left:-390px;C. #containermargin:0auto;width:85%;D. #containerposition:relative;width:780px;right:50%;margin-left:390px;答案:D12 .下列哪條CSS羊式規(guī)則是不正確的：()A. imgfloat:left;margin:20px;B. imgfloat:right;width:120px;height:80px;C. imgfloat:right;right:30;D. imgfloat:left;margin-bottom:2em;答案

5、:C是利用什么XHTM標記構建網(wǎng)頁布局()A. B. C. D. 答案:B14. 在CSS語言中下列哪一項的適用對象是“所有對象”()A. 背景附件B. 文本排列C. 縱向排列D. 文本縮進答案:A15. 下列選項中不屬于CSS文本屬性的是()A. font-sizeB. text-transformC. text-alignD. line-height答案:D16. 在CSS中不屬于添加在當前頁面的形式是()A. 內聯(lián)式樣式表B. 嵌入式樣式表C. 層疊式樣式表D. 鏈接式樣式表答案:D17 .在CSS語言中下列哪一項是“列表樣式圖象”的語法（A. width:B. height:C. wh

6、ite-space:D. list-style-image:答案:D18 .下列哪一項是CSSE確的語法構成（）A. body:color=blackB. body;color:blackC. bodycolor:black;D. body:color=black（body答案:C19 .下面哪個CSSR性是用來更改背景顏色的（）A. background-color:B. bgcolor:C. color:D.text:答案:A20 .怎樣給所有的標簽添加背景顏色（A. .h1background-color:#FFFFFFB. h1background-color:#FFFFFF;C. b

7、ackground-color:#FFFFFFD. #h1background-color:#FFFFFF答案:B21 .下列哪個CS漏性可以更改樣式表的字體顏色（）A. text-color=B. fgcolor:C. text-color:D. color:答案:D22 .下列哪個CSSR性可以更改字體大小（）A. text-sizeB. font-sizeC. text-styleD. font-style答案:B23 .下列哪段代碼能夠定義所有P標簽內文字加粗（）A. B. C. ptext-size:boldD. pfont-weight:bold答案:D24 .如何去掉文本超級鏈接

8、的下劃線()A. atext-decoration:nounderlineB. aunderline:noneC. adecoration:nounderlineD. atext-decoration:none答案:D25 .如何設置英文首字母大寫()A. text-transform:uppercaseB. text-transform:capitalizeC. 樣式表做不到D. text-decoration:none答案:B26 .下列哪個CS漏性能夠更改文本字體()A. f:B. font=C. font-family:D. text-decoration:none答案:C27 .下列

9、哪個CS漏性能夠設置文本加粗()A.font-weight:boldB. style:boldC. font:bD. font=答案:A28. CSS中,padding:10Px20Px30Px40Px代表的填充值順序分別是A. 上、右、下、左B. 上、下、左、右C. 上、左、下、右D. 左、右、上、下答案:A29. 下列哪個屬性能夠設置盒模型的左側外補丁()A. margin:B. indent:C. margin-left:D. text-indent:答案:C30. 定義盒模型外補丁的時候是否可以使用負值()A. 是B. 否答案:A31. 常見的JavaScript框架有jQuery、P

10、rototype、Moottools、ExtJS和Spry等。目前jQuery最受開發(fā)者追捧,Spry框架是DWCS3中新增的功能。A.正確B.錯誤答案:A32. 網(wǎng)頁的本質是()文件。A. 圖像B. 純文本C. 可執(zhí)行文件D. 圖像和文本的壓縮答案:B33. 不是動態(tài)網(wǎng)頁的特點的一項是:A. 動態(tài)網(wǎng)頁可每次顯示不同的內容B. 動態(tài)網(wǎng)頁中含動畫C. 動態(tài)網(wǎng)頁中含有服務端代碼D.動態(tài)網(wǎng)頁一般需要數(shù)據(jù)庫支持答案:B長度單位有絕對單位、相對單位和百分比。下列說法正確的是:A. px指屏幕的像素,它是相對單位B. pt指屏幕的像素,它是相對單位C. pt指屏幕的像素,它是絕對單位,屏幕上尺寸不隨屏幕分

11、辨率的改變而改變D. pt在印刷行業(yè)中常見,是相對單位答案:A35. 實現(xiàn)圖文混排及首字下沉效果最好的技術方法是:A.浮動B.相對定位C.絕對定位D.以上都對答案:A長度單位有絕對單位、相對單位和百分比。下列說法正確的是:A. px指屏幕的像素,它是絕對單位.B. pt指屏幕的像素,它是相對單位.C. pt指point,它是絕對單位,打印出的尺寸不隨屏幕分辨率的改變而改變.D. pt在印刷行業(yè)中常見,是相對單位答案:C默認值為static。表示:A. 表示不使用定位屬性定位B. 表示以瀏覽器窗口為基準進行絕對定位答案:A38.關于CSS正確的是：A. 邊界margin值可為負,填充paddin

12、g指不可為負B. 對行內元素設置width或height值也是起作用的C.使用CSS只能使用進行結構設計D.margin可以單獨設置背景顏色答案:A39. 當兩個塊級元素的盒子上下排列時,它們之間的邊界(margin)將發(fā)生合并,而左右排列時不會。A.正確B.錯誤答案:A是一種基于對象的語言,而不是面向對象的語言。A.正確B.錯誤答案:A是事件驅動的語言。A.正確B.錯誤答案:A變量名不能是關鍵字或保留字,不區(qū)分大小寫。A.正確B.錯誤答案:B對象即屬于BOM又屬于DOMA.正確B.錯誤答案:A44 .對DOMS準支持最好的瀏覽器是IE。A.正確B.錯誤答案:B45 .常用的HTMI#件中,o

13、nBlur的描述是：任何元素或窗口失去焦點時觸發(fā)。A.正確B.錯誤答案：A46 .可以使用DOMft態(tài)操作CSSR性。A.正確B.錯誤答案:A二、填空：（每空1分，共15分。）1. HTML代碼中常見白單標記有（）和（）。答案:2 .（）標記用來創(chuàng)建一個標有數(shù)字的列表；（）標記用來創(chuàng)建一個標有黑點的列表，兩種列表可以使用CSS屬，性list-style-type進行轉換,（）標記用來創(chuàng)建一個列表項。答案：3 .有一a元素結構為首頁,它的CSS羊式如下，請在下劃線處填寫代碼注釋：afont-size:14px;text-decoration:none;/*1:*/background-image

14、:url（xxwlzx/;height:32px;padding-left:24px;display:block;/*2:*/float:left;/*3:*/line-height:32px;/*4:*/bbackground-image:url(xxwlzx/;background-position:righttop;/*5:*/display:block;width:60Px;答案：1:清除超鏈接的下劃線2:將a標記以塊級元素顯示3:讓a標記左浮動4:將行高和高設為相同，實現(xiàn)盒子中的文字垂直居中5:讓背景圖片從右下角開始顯示6.下列各項描述的定位方式是什么(填寫static、relati

15、ve、aboslute或fixed中的一項或多項)1)元素在標準流中的位置會被保留。()2) 能夠通過z-index屬性該表元素的層疊次序。()3) 元素以它的包含框為定位基準。()4) 元素相對于它原來的位置為定位基準。()5) 元素在標準流中的位置會被其它元素占據(jù)。()答案:1)元素在標準流中的位置會被保留。relative2) 能夠通過z-index屬性該表元素的層疊次序。abosluterelativefixed3) 元素以它的包含框為定位基準。aboslute4) 元素相對于它原來的位置為定位基準。relative5) 元素在標準流中的位置會被其它元素占據(jù)。aboslutefixed三、問答題(共16分)中的選擇器有很多種類型,寫出下列選擇器的類型和作用:(10分)1) a:hover2)3)a:hoverb4)b答:1)a:hover是偽類選擇器，當鼠標懸浮在a標記上時應用該選擇器