Web前端試卷(一般)

1、前端試卷（一般）試卷總分題型單選題判斷題填空題簡答題題分得分3 .大多數(shù)媒體查詢屬性包含和前綴，它們的含義是（）A、小于和大于B、小于等于和大于C、小于等于和大于等于D、小于等于和大于4 .下列選項中，的不包括的內(nèi)容是（）A、讓低版本的瀏覽器支持5元素B、全局的設(shè)置C、定義基本的元素樣式D、可擴展的5 .對聲明“ a333; ”，解釋正確的是（）A、對全站有鏈接的文字顏色樣式為333;并有下劃線B、對全站有鏈接的文字顏色樣式為333;并無下劃線C、對全站鏈接的文字顏色樣式為333的鏈接去掉下劃線D、對全站鏈接的文字顏色樣式為333的鏈接添加下劃線得分單選題（每題2分，共計40分）1 .彈性盒布

2、局屬于下列哪項技術(shù)的內(nèi)容（）A、B、C、3D、22. 一個盒子的寬（）和高（）均為 300 ,左內(nèi)邊距為30 ,同時盒子有3的邊框，請問這個盒子的總寬度 是多少？（）A、333B、366C、336D、3636.下列選項中，與圖中效果相符的代碼是（）A、:;B、：；C、：D、：；7.下列選項中，設(shè)置外陰影且陰影在盒子右側(cè)的選項是（）A、: 7 -4 10 #000B、: -7 4 10 #000 ;C、: 7 4 10 #000D、: 7 -4 10 #000;8.下列選項中，變量名稱不合法的是（）A、C、非法字符D、9 .下列選項中，關(guān)于柵格系統(tǒng)的說法，錯誤的是（）A、柵格系統(tǒng)是一種響應式設(shè)計

3、的實現(xiàn)方式B、柵格系統(tǒng)是一個用于響應式設(shè)計的組件C、對于前端開發(fā)來說，網(wǎng)頁將更加的靈活與規(guī)范D、對于網(wǎng)頁設(shè)計來說，柵格系統(tǒng)的使用，不僅可以讓網(wǎng)頁的信息呈現(xiàn)更加美觀易讀10 .下列表達式中，結(jié)果返回真值的是（）A、（11）（3<2）B、（33 ） （5<l）C、?。?7<=20）D、（33）11 .下列選項中，關(guān)于元素的靜態(tài)定位模式的說法錯誤的是（）A、靜態(tài)定位是元素的默認定位方式B、當屬性的取值為時，可以將元素定位于靜態(tài)位置C、靜態(tài)定位時各個元素在文檔流中默認的位置D、可以通過邊偏移屬性來改變靜態(tài)定位元素的位置12 .下列選擇器，能夠設(shè)置鼠標懸停狀態(tài)下的樣式的是（）A、B、C

4、、D、13 .下列選項中，可以用來修改導航條的默認樣式的是（）A、類B、類C、類D、類14 .表達式123%7的計算結(jié)果是（）A、2B、3C、4D、515 .下列選項中，聲明變量語句中不正確的是（）A、；B、 3;''C、 = 100;D、 3,''s '16 .在中，可以使用類的情況是（）A、為導航欄添加頭部B、為導航欄添加一個標題C、為整個頁面添加頭部D、為真?zhèn)€頁面添加一個標題17 . 3線性漸變中的關(guān)鍵詞，表示從右下角到左上角的是（）A、C、D、18 .下列關(guān)于3D變形的說法中，錯誤的是（）A、3D變形是指某個元素圍繞其 x軸、y軸、z軸進行旋轉(zhuǎn)B

5、、3d（）函數(shù)可以定義3D旋轉(zhuǎn)C、3d（）函數(shù)可以定義3D縮放D、屬性用于實現(xiàn)視覺上的3D效果19 .下列關(guān)于屬性說法錯誤的是（）A、是復合背景屬性B、可以設(shè)置圖片背景C、可以規(guī)定背景圖像的尺寸D、該屬性可繼承20 .下列關(guān)于3的圓角邊框的說法中，錯誤的是（）A、的四個值按照、的順序設(shè)置。B、如果只有一個值，代表水平和垂直的半徑都相等1分，共20分）（）（）可以通過標簽名稱來獲取元素對象。（）C、屬性中，如果省略，則與相同D、屬性中，如果省略，則與 相同得分判斷題（對的打“，”，錯的打“X” ；每題21 .中類會讓按鈕變成鏈接。（）22 .在中，清除矩形表示清除之前繪制的矩形。23 .對象中提

6、供了常用獲取元素對象的方法，24 .在媒體查詢中，同時設(shè)置兩個媒體類型時，可以使用逗號分隔。（）25 .取值為時代表在長單詞或地址內(nèi)部進行換行。（）26 . <>標簽不添加屬性，只添加屬性，也可以實現(xiàn)自動播放。（）27 .和都繼承了。（）28 .在中，連續(xù)使用< />標簽是合法的。（）29 .如果一個浮動元素在另一個浮動元素之后顯示，而且會超出容納塊（沒有足夠的空間），則它下降到 低于先前任何浮動元素的位置，即換行顯示。（）30 .中通過覆蓋的樣式可以改變表單控件的樣式。（）31 . <>標簽通常放在文檔的 <> 和<> 標簽之間。（

7、）32 .表單按鈕中一般按鈕的功能可以進行自定義。（）33 .循環(huán)只能用于循環(huán)遍歷對象的屬性。（）34 .只能在屬性值為或或的元素上有效。（）35 .在5中，通過屬性進行表單驗證時，需要使用正則表達式。（）36 .屬性用于設(shè)置文本內(nèi)容的水平對齊，可適用于所有元素。（）37 .使用<P>標簽時，使用回車鍵換行的段落可以實現(xiàn)強制換行的效果。（）38 . aA ,相當于 Ab。（）39 .響應式設(shè)計追求優(yōu)先，移動適應。（）40 .中用于定義默認的按鈕樣式。（）得分簡答題（每題5分，共計30分）51.用編寫一個程序，小明目前工資為960元，現(xiàn)在公司要為員工漲工資，計算增加后小明的工資。要求

8、基本工資大于等于 1000元，增加20%工資；若1000元，且大于等于 800元，則增加15% ;若小 于800 ,則增加10% 工資。得分52.請按照要求，完成如圖所示的頁面效果。填空題（每題1分，共計10分）41 .表達式“哈哈” =55 的值為o42 .屬性用于指定頁面加載后是否自動獲取焦點，將標記的屬性值指定為時，表示頁面加載完畢 后會自動獲取該焦點。43 .在中，。屬性用于設(shè)置線條的粗細（以像素為單位）。44 .的屬性值相對于瀏覽器窗口進行定位。45 .是指被定位的元素等于在文檔中不占據(jù)任何位置，在另一個層呈現(xiàn)。46 .可以識別媒體類型和特征。47 .有了對象中的屬性、方法和事件，就

9、可以使用來操作元素。48 .在中，為<a>標記設(shè)置字體加粗的代碼為。49 .在使用標簽時，需要通過屬性為其指定一個的標識。50 .在定義單選按鈕時，必須為同一組中的選項指定相同的屬性值，這樣“單選”才會生效。（1 ）使用圓角邊框。（2）使用 “”、“ 89386 ”、“ 151 ” 三種顏色。53.分析如下的代碼段，并使用循環(huán)語句進行，要求運行后的結(jié)果相同（5 + "<>"）;（4 + "<>"）;（3+ "<>"）;（2 + "<>"）;(1+ &quo

10、t;<>");54.請閱讀下面的代碼，并根據(jù)注釋將代碼補全。<>< H8"><>單元6-程序分析-2<><><>視頻自動播放，并顯示播放控件< "4"(1)(2) >(3)<><><>55.請按照要求，完成如圖所示的頁面效果。(1)使用漸變知識。< "8">使用 “07b ”、“151 ”、“ #16104b ” 三種顏色。56.請閱讀下面的代碼，并根據(jù)圖中頁面效果將代碼補全。<>

11、<><><><>性別:< (1) > 男 <>V ini ini mi />< (2) > 女<>< ""(3)"" /><><>19 . D20 . A判斷題（每題1分，共計20分）21 .錯22 .錯23 .錯24 .對25 .錯26 .對27 .錯28 .對29 .對30 .對31 .對32 .對33 .錯34 .對35 .錯36 .錯答案單選題（每題2分，共計40分）1. C2. C3. C4. A5. B6.

12、 B7. D8. D9. B10. A11. D12. A13. A14. C15. D16. B17. A18. B37.錯(* 0.2)；38 .錯39 .錯40 .錯填空題（每題1分，共計10分）41.42.( <1000(* 0.15);( < 800)(* 0.1)；()；<>>=800)43.44.52.正確答案：< >45.脫離文檔流】46.47.48.49.50.3媒體查詢】a :; 【唯】簡答題（每題5分，共計30分）51.正確答案：< """">=960;< "&q

13、uot;><>< "8"><>3圓角邊框<><>:0；:7F7F7;(>=1000)/*四邊不同色*/1 (:0;:0;:90;:;89386 151;)<><><>< ""><>< "1"><>|<><>53.正確答案：循環(huán)輸出i的值(5>0)("<>");54 .正確答案：(1)(2)(3)您的瀏覽器不支持標簽55 .正確答案：參考答案< ><>< "">< "8"><