web前端面試題

Web前端開發工程師面試題

Lt

D

一、CSS.......................................2

二、HTML......................................6

三、jquery....................................8

四、綜合.....................................10

一、CSS

樣式表根據所在網頁的位置，可分為?(B)

A．行內樣式表、內嵌樣式表、混合樣式表

B．行內樣式表、內嵌樣式表、外部樣式表

C．外部樣式表、內嵌樣式表、導入樣式表

D．外部樣式表、混合樣式表、導入樣式表

2.對于標簽，其中*代表〔C〕

A.注釋的時候才用上

B.沒有這個標簽

C.通配符，意思是所有的標簽

3.在CSS中下面哪種方法表示超鏈接文字在鼠標經過

時，超鏈接文字無下劃線?(B)

A.A:link{TEXT-DECORATION:underline}

B.A:hover{TEXT-DECORATION:none}

C.A:active{TEXT-DECORATION:blink}

D.A:visited{TEXT-DECORATION:overline}

4.下面代碼片段，說法正確的選項是:(B)

.DIV1{position:absolute;

line-height:22px;

height:58px;

background-color:#FF0000;}

-height:22px;修飾文本字體大小

on:absolute;表示絕對定位，被定位的元素位

置固定

:58px;表示被修飾的元素距離別的元素的

距離

ound-color:#FF0000;表示被修飾的元素

的背景圖像

5.用CSS設置DIV的左邊為紅色實線，下面設置正確的

選項是(C)

A．style=〞border-top:#ff00001solid;〞

B．style=〞border-left:1,#ff0000,solid;〞

C．style=〞border-left:1#ff0000solid;〞

D．style=〞border-right:1,#ff0000,dashed;〞

6.以下那個不是CSS選擇符(D)

A．pB．.tdC．#boxD．shop

7.在CSS的三種選擇符中，哪個優先級最高?(C)

A．標簽選擇符B．類選擇符號

C．ID選擇符

8.引入樣式表的方式有幾種?

答：引入樣式表的方式有兩種：

方式一通過link引入，如

Type=“text/css〞href=“〞>

方法二通過import導入如

type="text/css">@import

"";

9.下面哪一個是css3旋轉90度的代碼〔B〕

a)transition:rotate(90deg)

b)transform:rotate(90deg)

c)transition(rotate(90))

d)transform:rotate(90)

10.關于csshack正確的選項是〔A,B,C〕

a)CSShack的目的就是使你的CSS代碼兼容不同

的瀏覽器。

b)“_〞下劃線是IE6專有的hack

c)“*〞星號是IE6和IE7專有的hack

d)!importantIE6可以識別

11.如何用CSS分別單獨定義IE6、7、8的width屬

性。

所有瀏覽器通用height:100px;

IE6專用_height:100px;

IE6、IE7共用*height:100px;

IE7專用*+height:100px;

IE7、FF共用height:100px!important;

中哪些屬性可以同父元素繼承。

所有元素可繼承：visibility和cursor。

內聯元素可繼承：letter-spacing、word-spacing、

white-space、line-height、color、font、

font-family、font-size、font-style、font-variant、

font-weight、text-decoration、text-transform、

direction。

塊狀元素可繼承：text-indent和text-align。

列表元素可繼承：list-style、list-style-type、

list-style-position、list-style-image。

表格元素可繼承：border-collap。

二、HTML

1.在Dreamweaver中,在設置各個框架屬性時,參數

Scroll是用來設置〔B〕屬性的。

A.是否進行顏色設置

B.是否出現滾動條

C.是否設置邊框寬度

D.是否使用默認邊框寬度

2.假設將Dreamweaver中２個橫向相鄰的單元格合

并，那么兩單元格中文字會〔A〕

A．文字合并B．左單元格文字喪失C．右單

元格文字喪失D．系統出錯

3.以下標簽可以不成對出現的是〔B〕

A．〈HTML〉〈/HTML〉

B．〈P〉〈/P〉

C．〈TITLE〉〈/TITLE〉

D．〈BODY〉〈/BODY〉

4.關于Document對象，以下表達正確的選項是〔AC〕

a)Document對象表示瀏覽器中顯示的HTML文檔

b)Document對象的常用屬性bgcolor用來設置文

檔的背景圖片

c)Document對象的常用方法getElementById〔〕

用于訪問唯一的一個元素

d)Document對象的常用方法

getElementByNames〔〕

5.下面哪一個是html5新增的類型〔C〕

a)

b)

c)

d)

6.與HTML4比擬，HTML5廢棄了哪些元素〔A,B,D〕

a)frame

b)applet

c)i

d)big

三、jquery

1.在javascript中，以下哪個變量名是非法的〔B〕

a)Nameb)9namec)Name_ad)Name9

ript可以在以下什么地方執行?(B)

a)效勞器端的瀏覽器

b)客戶端的瀏覽器

c)在效勞器端的tomcat容器里

d)在客戶端的tomcat容器里

3.在javascript中，(B)變量在函數外聲明，并可從腳

本的任意位置訪問

a)局部b)全局c)typeOfd)New

4.關于javascript說法正確的選項是〔B〕。

a)它是面向對象的

b)它是基于對象的

c)它是面向過程的

d)以上說法都不正確

5.以下哪條語句會產生運行錯誤(A，D)

A、varobj=()

B、varobj=[]

C、varobj={}

D、varobj=//

6.在javascript中，下拉列表框的〔B〕方法可從列表

中刪除一個元素

a)Add()b)Remove()c)Focus()

d)blur〔〕

7.請選擇結果為真的表達式(C)

a)nullinstanceofObject

b)null===undefined

c)null==undefined

d)NaN==NaN

8.在javascript中，String對象的方法不包括〔D〕。

a)charAt()

b)substring()

c)toUpperCa()

d)Length//這個是屬性不是方法

9.下拉菜單中，用戶更改表單元素Select中的值時，就

會調用〔A〕事件處理程序。

a)onChange

b)onFocus

c)onMouOver

d)onClick

四、綜合

1.目前支持html5和css3的主流瀏覽器有〔b,c,d,e〕

a)ie8,ie9,ie10,ie11

b)chrome

c)firefox

d)360瀏覽器

e)opera

2.列舉你工作中遇到的IE6BUG，談談解決方案

ie6中不認圖片png的透明度，改png為8位的就可以了。

【IE6的瘋狂之一】IE6中奇數寬高的BUG：

【IE6的瘋狂之二】IE6中PNGAlpha透明：

【IE6的瘋狂之三】IE63像素BUG的實例：

【IE6的瘋狂之四】IE6文字溢出BUG：

【IE6的瘋狂之五】div遮蓋lect的解決方案：

【IE6的瘋狂之六】li在IE中底部3像素的BUG〔增加浮動解決問題〕：

【IE6的瘋狂之七】樣式中文注釋后引發失效：

【IE6的瘋狂之八】鏈接偽類〔:hover〕CSS背景圖片有閃動BUG：

【IE6的瘋狂之九】li在IE中底部空行的BUG：

【IE6的瘋狂之十】父級使用padding后，子元素絕對定位的BUG

【IE6的瘋狂之十一】!important在IE6下的一個BUG：

【IE6的瘋狂之十二】一個display:none引起的3像素的BUG：

【IE6的瘋狂之十三】IE6下使用濾鏡后鏈接不能點擊的BUG：