Web前端技術試題_第1頁
Web前端技術試題_第2頁
Web前端技術試題_第3頁
Web前端技術試題_第4頁
Web前端技術試題_第5頁
已閱讀5頁，還剩14頁未讀， 繼續(xù)免費閱讀

付費下載

下載本文檔

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

文檔簡介

[Web 前端技術教學]《基于Web標準的網(wǎng)頁設計與制作》試題及答案一、單項選擇（:每題1.5分,共69分）1.html 語言中,創(chuàng)建一個位于文檔內部的錨點的語句是 :( )A.<name= “NAME”> B.<name= “NAME”></name>C.<aname= “NAME”></a> D.<aname= “#NAME”></a>答案:C2.html中的元素可分為塊級(block)元素和行內(inline)元素,下列哪個元素是塊級元素:()A.<p> B.<b> C.<a> D.<span>答案:A3.下列哪條html 語句的寫法符合 XHTML規(guī)范:（ ）A.<br>B.<imgsrc= ”photo.jpg ”/>C.<IMGsrc= ”photo.jpg ”></IMG>D.<imgsrc=photo.jpg></img>答案:B4.在編輯網(wǎng)頁時,按“Ctrl+Shift+ 空格鍵”插入的 HTML源代碼為:( )A.  B.  C.&sbnp D.&sbnp;答案:B5.<title></title> 標記一般包含在_____標記中。( )A.<head></head> B.<p></p>C.<body></body> D.<table></table>答案:A6.要在新窗口打開一個鏈接指向的網(wǎng)頁需用到 ( )A.href＝“_blank”B.Name=“_blank”C.target＝“_blank”D.href＝“#blank”答案:C7.特殊符號 ?（版權符號）對應的源代碼是:( )A.Copy； B.© ； C.Copyright ； D.©right ；答案:B8.在網(wǎng)頁中經(jīng)常用的圖像格式是 :( )A.gif,jpg 和pngB.gif,bmp 和pngC.bmp,jpg 和pngD.psd,gif 和png答案:A9.關于JavaScript 語言,下列說法中錯誤是:( )A.JavaScript 語言是一種解釋性語言B.JavaScript 語言與操作環(huán)境無關C.JavaScript 語言與客戶端瀏覽器無關D.JavaScript 是動態(tài)的,它可以直接對用戶輸入做出響應答案:C如何能夠定義列表的項目符號為實心矩形？()A.list-type:squareB.type:2C.type:squareD.list-style-type:square答案:D下列哪種CSS屬性不能讓頁面在瀏覽器中居中顯示(網(wǎng)頁中所有可顯示的元素都包含在一個 id為container 的div盒子內)( )A.#container{margin:0auto;width:780px;}B.#container{position:relative;width:780px;left:50%;margin-left:-390px;}C.#container{margin:0auto;width:85%;}D.#container{position:relative;width:780px;right:50%;margin-left:390px;}答案:D下列哪條CSS樣式規(guī)則是不正確的:()A.img{float:left;margin:20px;}B.img{float:right;width:120px;height:80px;}C.img{float:right;right:30;}D.img{float:left;margin-bottom:2em;}答案:C13.CSS是利用什么XHTML標記構建網(wǎng)頁布局？( )<dir><div><dis><dif>答案:B在CSS語言中下列哪一項的適用對象是"所有對象"？()A.背景附件文本排列縱向排列文本縮進答案:A15.下列選項中不屬于CSS文本屬性的是()font-sizetext-transformC.text-alignD.line-height答案:D在CSS中不屬于添加在當前頁面的形式是()A.內聯(lián)式樣式表嵌入式樣式表層疊式樣式表鏈接式樣式表答案:D17.在CSS語言中下列哪一項是"列表樣式圖象"的語法？()A.width:< 值>B.height:< 值>C.white-space:< 值>D.list-style-image:< 值>答案:D下列哪一項是CSS正確的語法構成？()A.body:color=blackB.{body;color:black}C.body{color:black;}D.{body:color=black(body}答案:C下面哪個CSS屬性是用來更改背景顏色的？()A.background-color:bgcolor:color:text:答案:A怎樣給所有的<h1>標簽添加背景顏色?()A..h1{background-color:#FFFFFF}B.h1{background-color:#FFFFFF;}C.h1.all{background-color:#FFFFFF}D.#h1{background-color:#FFFFFF}答案:B21.下列哪個CSS屬性可以更改樣式表的字體顏色？ ( )A.text-color=fgcolor:text-color:color:答案:D下列哪個CSS屬性可以更改字體大?。?)text-sizefont-sizetext-stylefont-style答案:B下列哪段代碼能夠定義所有P標簽內文字加粗？()A.<pstyle="text-size:bold">B.<pstyle="font-size:bold">C.p{text-size:bold}D.p{font-weight:bold}答案:D24.如何去掉文本超級鏈接的下劃線？ ( )A.a{text-decoration:nounderline}B.a{underline:none}C.a{decoration:nounderline}D.a{text-decoration:none}答案:D如何設置英文首字母大寫？()A.text-transform:uppercasetext-transform:capitalize樣式表做不到text-decoration:none答案:B下列哪個CSS屬性能夠更改文本字體？()A.f:B.font=C.font-family:D.text-decoration:none答案:C下列哪個CSS屬性能夠設置文本加粗？()A.font-weight:boldB.style:boldC.font:bD.font=答案:A28.CSS中,padding:10px20px30px40px 代表的填充值順序分別是 :上、右、下、左上、下、左、右上、左、下、右左、右、上、下答案:A29.下列哪個屬性能夠設置盒模型的左側外補??？()margin:indent:margin-left:D.text-indent:答案:C定義盒模型外補丁的時候是否可以使用負值?()A.是否答案:A31.常見的JavaScript 框架有jQuery、Prototype 、Moottools 、ExtJS和Spry等。目前jQuery最受開發(fā)者追捧,Spry框架是DWCS3中新增的功能。A.正確 B.錯誤答案:A網(wǎng)頁的本質是()文件。圖像B.純文本C.可執(zhí)行文件圖像和文本的壓縮答案:B33.不是動態(tài)網(wǎng)頁的特點的一項是 :動態(tài)網(wǎng)頁可每次顯示不同的內容B.動態(tài)網(wǎng)頁中含動畫C.動態(tài)網(wǎng)頁中含有服務端代碼動態(tài)網(wǎng)頁一般需要數(shù)據(jù)庫支持答案:B34.CSS長度單位有絕對單位、相對單位和百分比。下列說法正確的是 :A.px指屏幕的像素,它是相對單位B.pt指屏幕的像素,它是相對單位C.pt指屏幕的像素,它是絕對單位,屏幕上尺寸不隨屏幕分辨率的改變而改變D.pt在印刷行業(yè)中常見,是相對單位答案:A35.實現(xiàn)圖文混排及首字下沉效果最好的技術方法是 :A.浮動B.相對定位 C.絕對定位 D.以上都對答案:A36.CSS長度單位有絕對單位、相對單位和百分比。下列說法正確的是 :A.px指屏幕的像素,它是絕對單位.B.pt指屏幕的像素,它是相對單位.C.pt指point,它是絕對單位,打印出的尺寸不隨屏幕分辨率的改變而改變.D.pt在印刷行業(yè)中常見,是相對單位答案:C37.position 默認值為static。表示:表示不使用定位屬性定位表示以瀏覽器窗口為基準進行絕對定位答案:A38.關于CSS,正確的是:A.邊界margin 值可為負,填充padding 指不可為負B.對行內元素設置 width 或height 值也是起作用的C.使用CSS，只能使用<div></div> 進行結構設計D.margin 可以單獨設置背景顏色答案:A當兩個塊級元素的盒子上下排列時,它們之間的邊界(margin)將發(fā)生合并,而左右排列時不會。A.正確 B.錯誤答案:A40.JavaScript 是一種基于對象的語言 ,而不是面向對象的語言。A.正確 B.錯誤答案:A41.JavaScript 是事件驅動的語言。A.正確 B.錯誤答案:A42.JavaScript 變量名不能是關鍵字或保留字 ,不區(qū)分大小寫。A.正確 B.錯誤答案:B43.document 對象即屬于BOM,又屬于DOM。A.正確 B.錯誤答案:A對DOM標準支持最好的瀏覽器是IE。A.正確 B.錯誤答案:B常用的HTML事件中,onBlur的描述是:任何元素或窗口失去焦點時觸發(fā)。A.正確 B.錯誤答案:A可以使用DOM動態(tài)操作CSS屬性。A.正確 B.錯誤答案:A二、填空（:每空1分,共15分。）HTML代碼中常見的單標記有()和()。答案:<br/> <hr/>()標記用來創(chuàng)建一個標有數(shù)字的列表；()標記用來創(chuàng)建一個標有黑點的列表,兩種列表可以使用 CSS屬性list-style-type 進行轉換,( )標記用來創(chuàng)建一個列表項。答案: <ol><ul> <li>3.有一a元素結構為<ahref="#"><b> 首頁</b></a>, 它的CSS樣式如下,請在下劃線處填寫代碼注釋 :a{font-size:14px;text-decoration:none; /*1: */background-image:url(xxwlzx/yuanjiao2.gif);height:32px;padding-left:24px;display:block; /*2: */float:left; /*3: */line-height:32px; /*4: */}b{background-image:url(xxwlzx/yuanjiao2.gif);background-position:righttop; /*5: */display:block;width:60px ；}答案:1:清除超鏈接的下劃線2:將a標記以塊級元素顯示3:讓a標記左浮動4:將行高和高設為相同 ,實現(xiàn)盒子中的文字垂直居中5:讓背景圖片從右下角開始顯示6.下列各項描述的定位方式是什么 ?(填寫static、relative、aboslute或fixed中的一項或多項)1)元素在標準流中的位置會被保留。 ( )2)能夠通過z-index 屬性該表元素的層疊次序。 ( )3)元素以它的包含框為定位基準。 ( )4)元素相對于它原來的位置為定位基準。 ( )5)元素在標準流中的位置會被其它元素占據(jù)。 ( )答案:元素在標準流中的位置會被保留。relative能夠通過z-index屬性該表元素的層疊次序。abosluterelativefixed元素以它的包含框為定位基準。aboslute元素相對于它原來的位置為定位基準。relative元素在標準流中的位置會被其它元素占據(jù)。aboslutefixed三、問答題（共 16分）1.CSS中的選擇器有很多種類型 ,寫出下列選擇器的類型和作用 :(10分)1）a:hover 2)a.hover 3)a:hoverb 4)a.hoverb答:1)a:hover 是偽類選擇器,當鼠標懸浮在a標記上時應用該選擇器定義的樣式；2

溫馨提示

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

評論

0/150

提交評論