2023年HTML和CSS面試題及答案_第1頁
2023年HTML和CSS面試題及答案_第2頁
2023年HTML和CSS面試題及答案_第3頁
2023年HTML和CSS面試題及答案_第4頁
2023年HTML和CSS面試題及答案_第5頁
已閱讀5頁,還剩29頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

編程語言——HTML/CSS1、input屬于窗體元素,層級顯示比flash、其它元素都高。請判斷這句話的對的與否。A.TB.F2、根據(jù)柵格系統(tǒng)的標(biāo)準(zhǔn)用法,錯誤的是A.<divclass="container"><br><divclass="row">B.<divclass="row"><br><divclass="col-md-1">C.<divclass="row"><br><divclass="container">D.<divclass="col-md-1"><br><divclass="row">3、列表分為兩類,一是無序列表,一是有序列表,以下哪個是無序列表?A.<UL>B.<OL>C.<DIR>D.<DL>4、關(guān)于下列類的說法錯誤的是?A.show用來顯示一個區(qū)塊B.hide用來隱藏一個divC.hidden用來隱藏一個divD.text-hide將會隱藏掉文字5、關(guān)于嵌套列的用法,錯誤的是A.<divclass=“row”><br><divclass=“col-sm-1”>B.<divclass=“col-sm-1”><br><divclass=“row”><br>C.<divclass=“row”><br><divclass=“container”><br><divclass=“col-xs-1”><br>D.<divclass=“container”><br><divclass=“row”><br><divclass=“col-xs-1”>6、下面哪一個標(biāo)符可以產(chǎn)生一個水平線?A.<HR>B.<BR>C.<TR>D.<T1>7、解決a.html文獻(xiàn)時(shí),以下哪行偽代碼也許導(dǎo)致內(nèi)存越界或者拋出異常()123456789101112131415

inttotalBlank=

0;

intblankNum=

0;

inttaglen=page.taglst.size();A

for(inti=

1;i<taglen-1;++i)

//checkblankB

while(page.taglst[i]==

"<br>"&&i<taglen)

{C

++totalBlank;D

++i;

}E

if(totalBlank>

10)F

blankNum+=totalBlank;G

totalBlank=

0;

}注意:以下代碼中taglen是html文獻(xiàn)中存在元素的個數(shù),a.html中taglen的值是15,page.taglst[i]取的是a.html中的元素,例如page.taglst[1]的值是<html>

a.html的文獻(xiàn)如下:?<html>

<title>test</title>?<body>

<div>aaaaaaa</div>

</body>?</html>?<br>?<br>

<br>

<br>?<br>A.AB.BC.CD.DE.EF.FG.G8、下面有關(guān)html5標(biāo)簽說法錯誤的有?A.<audio>標(biāo)簽定義聲音,比如音樂或其他音頻流B.<canvas>比如來自一個外部的新聞提供者的一篇新的文章,或者來自blog的文本,或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容C.<menu>標(biāo)簽定義菜單列表。當(dāng)希望列出表單控件時(shí)使用該標(biāo)簽D.<command>標(biāo)簽定義命令按鈕,比如單選按鈕、復(fù)選框或按鈕9、下面屬于CSS3新增屬性的有?A.box-shadowB.text-shadowC.border-radiusD.rgba10、哪些可以給文字加上背景?A.bg-primaryB.bg-successC.bg-infoD.bg-warning11、在bootstrap中,關(guān)于全局設(shè)立的說法,錯誤的是A.font-size為14pxB.line-height設(shè)立為1.428C.<p>設(shè)立了等于1/2行高(即10px)的底部外邊距(margin)D.<p>設(shè)立了等于1/2行高(即10px)的底部內(nèi)邊距(padding)12、以下位于<head>間的代碼片段是做什么用的1<metaname="viewport"content="width=device-width,initial-scale=1">A.使得頁面編碼合乎規(guī)定B.表達(dá)支持響應(yīng)式設(shè)計(jì)C.支持正常的繪制和縮放D.表達(dá)針對滾屏進(jìn)行適當(dāng)?shù)倪m配13、關(guān)于HTTP協(xié)議,下面哪個說法是對的的?A.HTTP協(xié)議是有狀態(tài)協(xié)議。B.以下是一個Http鏈接的response的響應(yīng)頭:GET/xxx/xxx/js/lib/test.jsHTTP/1.1Host:127.0.0.1Connection:keep-alivePragma:no-cacheCache-Control:no-cacheAccept:*/*C.RESTful接口中,運(yùn)用HTTP協(xié)議的method字段來描述要對資源操作的方式,比如GET表達(dá)獲取資源,POST表達(dá)新增一個資源,PUT表達(dá)更新資源,DELETE表達(dá)刪除資源等等。D.一個HTTP請求返回的HTTP狀態(tài)碼中,304表達(dá)臨時(shí)重定向。14、以下關(guān)于盒子模型描述對的的是:A.標(biāo)準(zhǔn)盒子模型中:盒子的總寬度=左右margin+左右border+左右padding+widthB.IE盒子模型中:盒子總寬度=左右margin+左右border+widthC.標(biāo)準(zhǔn)盒子模型中:盒子的總寬度=左右margin+左右border+widthD.IE盒子模型中:盒子總寬度=width15、如何讓一個區(qū)塊居中?A.centerB.center-blockC.horizontal-centerD.vertical-center16、關(guān)于柵格系統(tǒng),以下說法對的的是A.會有自動的padding樣式B.會有自動的margin樣式C.其字體默認(rèn)為14pxD.其box-sizing默認(rèn)為border-box17、哪些是對的的輔助類A.text-mutedB.text-successC.text-infoD.text-warning18、在bootstrap中,

關(guān)于導(dǎo)航條,下列說法對的的是?A.應(yīng)當(dāng)將被包裹的元素放到navbar-collapse類中B.表單應(yīng)當(dāng)放置于navbar-form內(nèi)C.可以使用navbar-left和navbar-right來對齊導(dǎo)航條D.可以使用navbar-fixed-top和navbar-fixed-bottom來將導(dǎo)航條固定到頂部或底部19、iframe的使用場景有?A.與第三方域名下的頁面共享cookieB.上傳圖片,避免當(dāng)前頁刷新C.左邊固定右邊自適應(yīng)的布局D.資源加載20、設(shè)立CSS屬性float的值為

1

時(shí)可取消元素的浮動。21、css屬性font-style用于設(shè)立字體的粗細(xì)。請判斷這句話的對的與否。A.TB.F22、使用CSS來格式化網(wǎng)頁,共有三種方式,以下哪一種不是:A.在HEAD中引用B.作為標(biāo)記來引用C.在BODY中引用D.作為文獻(xiàn)來引用23、下面有關(guān)html的描述,不推薦的是?A.在頁面頂部添加doctype聲明;B.在</head>…<body>中間插入HTML代碼;C.避免使用<font>標(biāo)簽;D.使用<table>元素展現(xiàn)學(xué)生成績表等數(shù)據(jù)。24、在css3中要使元素由一種樣式轉(zhuǎn)換成另一種樣式,需要使用什么屬性?A.animat(yī)ionB.keyframesC.flashD.transition25、關(guān)于HTML語義化,以下哪個說法是對的的?A.語義化的HTML有助于機(jī)器的閱讀,如PDA手持設(shè)備、搜索引擎爬蟲;但不利于人的閱讀B.Table屬于過時(shí)的標(biāo)簽,碰到數(shù)據(jù)列表時(shí),需盡量使用div來模擬表格C.語義化是HTML5帶來的新概念,此前版本的HTML無法做到語義化D.Header、article、address都屬于語義化明確的標(biāo)簽26、下列哪一個是頁面載入時(shí)會觸發(fā)什么Dom事件?A.onchangeB.onacliveC.onloadD.onresize27、關(guān)于bootstrap3的說法,錯誤的是A.在windows上支持IE8B.在IOS上支持OperaC.在MACOS及Windows上支持firefoxD.在IOS及android上都支持chrome28、下述有關(guān)border:none以及border:0的區(qū)別,描述錯誤的是?

A.border:none表達(dá)邊框樣式無B.border:0表達(dá)邊框?qū)挾葹椋癈.當(dāng)定義了border:none,即隱藏了邊框的顯示,實(shí)際就是邊框?qū)挾葹?D.當(dāng)定義邊框時(shí),僅設(shè)立邊框?qū)挾纫部梢赃_(dá)成顯示的效果29、為了在input兩側(cè)添加額外元素,以下說法對的的是A.使用input-group來封裝控件B.使用input-group-addon來添加前置元素C.使用input-group-tailon來添加后置元素D.必須為input添加form-control類30、什么

1

css屬性可為元素設(shè)立外邊距

。31、關(guān)于屏幕的尺寸標(biāo)準(zhǔn),說法錯誤的是A.col-sm-*一般用于大于768的平板B.col-md-*一般用于大于992的中檔屏幕顯示器C.col-lg-*用于大于1200的桌面顯示器D.col-xs-*用于小于700的手機(jī)屏幕32、HTML的注釋標(biāo)記是以下哪個選項(xiàng)?A.//注釋內(nèi)容B./*注釋內(nèi)容*/C.<!--注釋內(nèi)容-->D.《注釋內(nèi)容》33、以下哪一個選項(xiàng)是html5的dtd?A.<!DOCTYPEhtml>B.<!DOCTYPEHTMLPUBLIC>C.<!DOCTYPExhtml>D.<!DOCTYPEHTML5>34、能在1024的windows機(jī)器上顯示8列而在腎6手機(jī)上顯示12列的是A.col-md-8col-xs-12B.col-lg-8col-sm-12C.col-md-8col-sm-12D.col-lg-8col-xs-1235、浮動會導(dǎo)致頁面的非正常顯示,一下幾種清除浮動的方法,哪個是不推薦使用的?A.在浮動元素末尾添加一個空的標(biāo)簽例如<divstyle=”clear:both”></div>B.通過設(shè)立父元素overflow值為hidden;C.父元素也設(shè)立浮動D.給父元素添加clearfix類36、瀏覽器在一次HTTP請求中,需要傳輸一個4097字節(jié)的文本數(shù)據(jù)給服務(wù)端,可以采用那些方式?A.存入IndexdDBB.寫入COOKIEC.放在URL參數(shù)D.寫入SessionE.使用POSTF.放在LocalStorage37、下列關(guān)于比較Ajax與Flash的優(yōu)缺陷,相關(guān)描述對的的是?A.Ajax的優(yōu)勢在旨在于可搜索性,開放性,易用性及易于開發(fā)B.Flash的優(yōu)勢在于多媒體解決,可以更容易的調(diào)用瀏覽器以外的外部資源C.Ajax最重要的批評就是它也許破壞瀏覽器的后退功能D.flash文獻(xiàn)經(jīng)常會很大,用戶第一次使用的時(shí)候需要忍耐較長的等待時(shí)間38、以下說法對的的是A.為<table>標(biāo)簽添加.table類可以給表格添加水平分割線B.給表格添加table-striped類可以使IE8中的表格出現(xiàn)斑馬線C.為表格添加table-bordered類可為表格中每個元素增長邊框D.為表格添加table-hover類可為表格中增長鼠標(biāo)懸停樣式39、以下說法,錯誤的是A.mark用于顯示變粗的文字B.<del>用于顯示刪除的文本C.<ins>的文字會帶下劃線D.<strong>用于強(qiáng)調(diào)文本40、下列關(guān)于btn標(biāo)簽的說法對的的是A.btn-group能將按鈕組成按鈕組B.btn-toolbar能將btn做成復(fù)雜組件C.btn-group可以嵌套使用D.可以使用btn-group-lg,btn-group-sm來調(diào)整按鈕大小41、下列哪個樣式定義后,內(nèi)聯(lián)(非塊狀)元素可以定義寬度和高度A.display:inlineB.display:noneC.display:blockD.display:inherit42、下面有關(guān)jquery事件的響應(yīng),描述錯誤的是?A.onclick鼠標(biāo)點(diǎn)擊某個對象B.onfocus元素失去焦點(diǎn)C.onload是某個頁面的cssjshtml文檔結(jié)構(gòu)和圖像被完畢加載D.onmousedown某個鼠標(biāo)按鍵被按下43、有一個元素,需要在打印時(shí)隱藏,使用的類是A.visible-print-blockB.visible-print-inlineC.hidden-printD.print-hidden44、<table>標(biāo)簽中,哪個是表格邊框線的粗細(xì)?A.bordercolorB.borderC.cellspacingD.cellpadding45、下列不屬于bootstrap3的標(biāo)簽是A.rowB.row-fluidC.col-md-*D.form-group46、下述有關(guān)css屬性position的屬性值的描述,說法錯誤的是?A.stat(yī)ic:沒有定位,元素出現(xiàn)在正常的流中B.fixed:生成絕對定位的元素,相對于父元素進(jìn)行定位C.relative:生成相對定位的元素,相對于元素自身正常位置進(jìn)行定位。D.a(chǎn)bsolute:生成絕對定位的元素,相對于stat(yī)ic定位以外的第一個祖先元素進(jìn)行定位。47、下面哪個屬性不會讓div脫離文檔流(normalflow)?A.position:absolute;B.position:fixed;C.position:relative;D.float:left;48、下面有關(guān)htmlDoctype的描述,說法錯誤的是?A.它的責(zé)任就是告訴瀏覽器文檔使用哪種html或者xhtml規(guī)范B.不同文檔模式重要影響CSS內(nèi)容的呈現(xiàn),特別是瀏覽器對盒模型的解析C.不同瀏覽器在混雜模式下的行為差異非常大,假如不使用某些hack技術(shù),跨瀏覽器的行為主線就沒有一致性可言。D.假如在文檔開始處沒有發(fā)現(xiàn)文檔類型聲明,則所有瀏覽器都會默認(rèn)啟動嚴(yán)格模式49、下列哪個操作是W3C標(biāo)準(zhǔn)定義的阻止事件向父容器傳遞:A.e.preventDefault()B.e.cancelBubble=trueC.e.stopPropagation()D.e.stopImmediatePropagation()50、display:none和visibility:hidden的說法,對的的是?A.display:none與visibility:hidden都可以用來隱藏某個元素B.display:none在隱藏元素的時(shí)候,將其占位空間也去掉;而visibility:hidden只是隱藏了內(nèi)容而已,其占位空間仍然保存。C.display:none是不符合html5標(biāo)準(zhǔn)的D.visibility:hidden是不符合html5標(biāo)準(zhǔn)的51、在HTML5中,哪個方法用于獲得用戶的當(dāng)前位置?A.getPosition()B.getCurrentPosition()C.getUserPosition()D.getLocation()52、對于下拉菜單,錯誤的是123456789101112<div

class="dropdown">

<button

class="btnbtn-defaultdropdown-toggle"type="button"id="dropdownMenu1"data-toggle="dropdown">

Dropdown

<span

class="caret"></span>

</button>

<ul

class="dropdown-menu"role="menu"aria-labelledby="dropdownMenu1">

<lirole="presentation"><arole="menuitem"tabindex="-1"href="#">Action</a></li>

<lirole="presentation"><arole="menuitem"tabindex="-1"href="#">Anotheraction</a></li>

<lirole="presentation"><arole="menuitem"tabindex="-1"href="#">Something

elsehere</a></li>

<lirole="presentation"><arole="menuitem"tabindex="-1"href="#">Separatedlink</a></li>

</ul></div>A.表達(dá)了一個有五個下拉選項(xiàng)的下拉菜單B.<spanclass="caret"></span>可以去掉而不影響功能C.可以加入pull-right使菜單右對齊D.可加入dropdown-menu-right使菜單右對齊53、網(wǎng)頁開發(fā)中,一般需判斷瀏覽器類型,需通過userAgent中獲取瀏覽器內(nèi)核來判斷,下列說法錯誤的是?A.一直到IE9,都是Trident內(nèi)核B.firefox是Gecko內(nèi)核C.chrome是webkit內(nèi)核D.IE是目前最快的瀏覽器54、下列描述錯誤的是()A.HTTP狀態(tài)碼302表達(dá)暫時(shí)性轉(zhuǎn)移B.domContentLoaded事件早于onload事件C.IE6/7/8不支持事件捕獲D.localStorage存儲的數(shù)據(jù),在刷新頁面后會消失55、下面有關(guān)CSS中link和@import的區(qū)別,描述錯誤的是?A.link屬于XHTML標(biāo)簽,而@import完全是CSS提供的一種方式B.當(dāng)一個頁面被加載的時(shí)候,link引用的CSS會同時(shí)被加載,而@import引用的CSS會等到頁面所有被下載完再被加載C.link在支持CSS的瀏覽器上都支持而@import只在5.0以上的版本有效D.當(dāng)使用javascript控制dom去改變樣式的時(shí)候,只能使用@import方式56、使用CSS的flexbox布局,不能實(shí)現(xiàn)以下哪一個效果:A.三列布局,隨容器寬度等寬彈性伸縮B.多列布局,每列的高度按內(nèi)容最高的一列等高C.三列布局,左列寬度像素?cái)?shù)擬定,中、右列隨容器寬度等寬彈性伸縮D.多個寬高不等的元素,實(shí)現(xiàn)無縫瀑布流布局57、現(xiàn)有如下html結(jié)構(gòu)123456<ul>

<li>clickme</li>

<li>clickme</li>

<li>clickme</li>

<li>clickme</li></ul>運(yùn)營如下代碼:1234567

varelements=document.getElementsByTagName('li');

varlength=elements.length;

for(vari=0;i<length;i++){

elements[i].onclick=function(){

alert(i);

}

}依次點(diǎn)擊4個li標(biāo)簽,哪一個選項(xiàng)是對的的運(yùn)營結(jié)果()?A.依次彈出1,2,3,4B.依次彈出0,1,2,3C.依次彈出3,3,3,3D.依次彈出4,4,4,458、下面有關(guān)html結(jié)構(gòu)描述對的的有?A.<ul><li></li></ul>B.<o(jì)l><li></li></ol>C.<dl><dt><dd></dd></dt></dl>D.<table><tr><td></td></tr></table>59、關(guān)于h標(biāo)簽1<h1>h1.Bootstrapheading<small>Secondarytext</small></h1>以下說法對的的是A.<h1>最大B.<h6>最大C.<small>用法錯誤D.<small>表達(dá)副標(biāo)題60、嵌入在HTML文檔中的圖像格式可以是?A.*.gifB.*.tifC.*.bmpD.*.jpg61、下面哪一個標(biāo)符可以產(chǎn)生一個表行?A.<HR>B.<BR>C.<TR>D.<T1>62、以下為一段瀏覽器中可運(yùn)營的Javascript代碼,則運(yùn)營該段Javascript代碼的頁面彈出框中顯示的結(jié)果是:()1234varobj={"key":"1","value":"2"};varnewObj=obj;newObj.value+=obj.key;alert(obj.value);A.2B.12C.3D.2163、下面列出的瀏覽器,無webkit內(nèi)核的是()A.chromeB.SafariC.搜狗瀏覽器D.firefox64、關(guān)于html的盒模型,下列說法對的的是?A.margin是內(nèi)邊距B.padding是外邊距C.border是邊框D.border-radius是css3標(biāo)準(zhǔn),因此IE并不支持border-radius屬性65、下列輔助類的說法錯誤的是?A.<buttontype="button"class="close"><spanaria-hidden="true">×</span><spanclass="sr-only">Close</span></button><br>可以用來表達(dá)一個關(guān)閉按鈕B.<spanclass="caret"></span>可以用來表達(dá)一個三角符號C.navbar可使用pull-left類來定義D.navbar可使用navbar-left類來定義66、對于border-radius標(biāo)簽,說法錯誤的是A.表達(dá)圓角邊框B.IE8支持良好C.IE9支持良好D.firefox支持良好67、把鼠標(biāo)移到按鈕并點(diǎn)擊時(shí),會產(chǎn)生一串什么樣的事件?A.activehovefocusB.foucshoveactiveC.hoveactivefoucusD.hoverfocusactive68、以下所有屬于塊級標(biāo)簽的是?A.<div><p><input><span><img>B.<div><h1><p><img><dl>C.<span><h1><p><img><dl>D.<div><p><form><ul><h1>69、關(guān)于柵格系統(tǒng),哪些是對的的A.col-sm-*B.col-xs-*C.col-md-*D.col-lg-*70、關(guān)于web表單登錄中用到的圖形驗(yàn)證碼的實(shí)現(xiàn),以下做法不對的的有:A.返回給瀏覽器的html代碼中包含圖形驗(yàn)證碼和文本字符串,登錄前客戶端判斷輸入內(nèi)容和頁面中保存的內(nèi)容是否一致B.服務(wù)器端在返回的圖片和cookie中同時(shí)包含圖形驗(yàn)證碼,登錄前客戶端判斷輸入內(nèi)容和cookie保存的內(nèi)容是否一致C.服務(wù)器端生成驗(yàn)證碼后一方面通過圖片將驗(yàn)證碼返回給客戶端,同時(shí)在服務(wù)器端保存文本的驗(yàn)證碼,由服務(wù)器端驗(yàn)證輸入內(nèi)容是否對的D.瀏覽器通過辨認(rèn)圖形驗(yàn)證碼中的內(nèi)容和用戶輸入的內(nèi)容判斷是否一致71、從四個選項(xiàng)選出不同的一個。A.<nav>B.<footer>C.<meta>D.<canvas>72、以下標(biāo)簽,錯誤的是A.text-left用于左對齊B.text-center水平居中對齊C.text-vertical垂直居中對齊D.text-uppercase可以將文字所有大寫73、css中clear的作用是什么?A.清除該元素所有樣式B.清楚該元素父元素的所有樣式C.指明該元素周邊不可出現(xiàn)浮動元素D.指明該元素的父元素周邊不可出現(xiàn)浮動元素74、下面有關(guān)css選擇器的說法錯誤的是?A..intro---選擇class="intro"的所有元素。B.#firstname---選擇id="firstname"的元素。C.div>p---選擇所有<div>元素和所有<p>元素D.p---選擇所有<p>元素75、關(guān)于canvas不對的的是?A.canvas是HTML5的一部分,允許腳本動態(tài)渲染位圖像B.canvas是作為Flash的替代技術(shù)出現(xiàn)C.canvas擁有多種繪制途徑、矩形、圓形、字符及添加圖像的方法D.InternetExplorer自InternetExplorer9起已經(jīng)可以支持canvas76、不換行必須設(shè)立哪些項(xiàng)?A.word-breakB.letter-spacingC.white-spaceD.word-spacing77、下面關(guān)于IE、FF下面CSS的解釋區(qū)別描述對的的有?A.FireFox的div的內(nèi)嵌div可以把父級的高度撐大,而IE6.0不可以,要自己設(shè)立高度。B.當(dāng)設(shè)立為三列布局時(shí),F(xiàn)ireFox0的float寬度不能達(dá)成100%,而IE6.可以。當(dāng)設(shè)立為兩列布局時(shí),兩種瀏覽器都可以。C.火狐瀏覽器中,非float的div前面有同一父級的float的div,此div若有背景圖,要使用clear:both,才干顯示背景圖,而IE6.0中不用使用clear:bothD.在[text-decorat(yī)ion:underline]的屬性下,IE6.0顯示的下劃線會比FireFox低一點(diǎn)。在FireFox中,部分筆畫會在下劃線的下面1個象素左右。78、jqueryajax中都支持哪些返回類型?A.xml B.htmlC.jsonpD.json79、問一份標(biāo)準(zhǔn)的HTML文檔有哪幾個必須的HTML標(biāo)簽?A.<html>B.<head>C.<title>D.<body>80、假設(shè)當(dāng)前屏幕分別率為1024×768,定義一個居中的占屏幕一半大小的表格的語句是A.<TABLEALIGN=”CENTER”WIDTH=”50%”></TABLE>B.<TABLEALIGN=”CENTER”WIDTH=”512″></TABLE>C.<DIVALIGN=”CENTER”><TABLEWIDTH=”512″></TABLE></DIV>D.<CENTER><TABLEWIDTH=”50%”></TABLE></CENTER>81、選出你認(rèn)為最合理的定義標(biāo)題的方法。A.<spanclass=”heading”>文章標(biāo)題</span>B.<p><b>文章標(biāo)題</b></p>C.<h1>文章標(biāo)題</h1>D.<strong>文章標(biāo)題</strong>82、下面span標(biāo)簽中HelloWorld字體的顏色是:()123456789101112131415<styletype="text/css">span{

color:green;}.red{

color:red;}#blue{

color:blue;}</style>

<spanid="blue"class="red"style="color:black;">HelloWorld</span>

A.greenB.redC.blueD.black83、新窗口打開網(wǎng)頁,用到以下哪個值()。A._selfB._blankC._topD._parent84、關(guān)于屏幕的尺寸標(biāo)準(zhǔn),說法錯誤的是顯示與標(biāo)簽選用無關(guān)。請判斷這句話的對的與否。A.TB.F85、display:inline兼容所有的瀏覽器。請判斷這句話的對的與否。A.TB.F86、有一個元素,需要在pc端顯示而在手機(jī)端隱藏,需要使用的方法是?A.visible-xs-8hidden-mdB.visible-md-8hidden-xsC.visible-md-8hidden-smD.visible-sm-8hidden-md87、放在HTML里的哪一部分JavaScripts會在頁面加載的時(shí)候被執(zhí)行?A.文獻(xiàn)頭部位置B.文獻(xiàn)尾C.<head>標(biāo)簽部分D.<body>標(biāo)簽部分88、以下哪個選項(xiàng)不是塊級元素()A.divB.spanC.pD.h189、下面有關(guān)CSSsprites說法錯誤的是?A.允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去B.運(yùn)用CSS的“background-image”,“background-repeat”,“background-position”的組合進(jìn)行背景定位C.CSSSprites雖然增長了總的圖片的字節(jié),但是很好地減少網(wǎng)頁的http請求,從而大大的提高頁面的性能D.CSSSprites整理起來更為方便,同一個按鈕不同狀態(tài)的圖片也不需要一個個切割出來并個別命名90、請選擇產(chǎn)生粗體字的HTML標(biāo)簽:A.<bold>B.<bb>C.<b>D.<bld>91、哪一個html盒模型中的border的對的寫法?A.p{border:5pxsolidred;}B.p{border:5px<br>redsolid;}C.p{border:redsolid5px;}D.p{border:solidred5px;}92、要運(yùn)用css3動畫,你需要運(yùn)用什么規(guī)則?A.animationB.keyframesC.flashD.transition93、CSS3支持下列哪一個屬性

?A.box-shadowB.borderC.backgroundD.display94、下面有關(guān)HTML的Doctype和嚴(yán)格模式與混雜模式的描述,錯誤的是?A.聲明位于文檔中的最前面,處在標(biāo)簽之前。告知瀏覽器的解析器,用什么文檔類型規(guī)范來解析這個文檔B.在標(biāo)準(zhǔn)模式中,瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面;在混雜模式中,頁面以一種比較寬松的向后兼容的方式顯示C.DOCTYPE不存在或格式不對的會導(dǎo)致文檔以標(biāo)準(zhǔn)模式呈現(xiàn)D.瀏覽器根據(jù)DOCTYPE是否存在以及使用的哪種DTD來選擇要使用的呈現(xiàn)方法95、在使用table表現(xiàn)數(shù)據(jù)時(shí),有時(shí)候表現(xiàn)出來的會比自己實(shí)際設(shè)立的寬度要寬,為此需要設(shè)立下面哪些屬性值?A.cellpadding=”0″B.padding:0C.margin:0D.cellspacing=”0″96、以下是行內(nèi)元素的有()A.spanB.inputC.ulD.p97、以下說法對的的是A.<kbd>來表達(dá)用戶輸入B.<var>用來表達(dá)變量C.list-inline類會將所有的元素放置于同一行<br>D.<code>表達(dá)代碼片段98、常見的瀏覽器端的存儲技術(shù)有哪些?A.cookieB.localStorageC.sessionD.userData99、文字居中的CSS代碼是

1

;。100、1

標(biāo)簽必須直接嵌套于ul、ol中?101、css屬性overflow屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何解決。假如值為scroll,不管是否需要,用戶代理都會提供一種滾動機(jī)制。A.TrueB.False102、下列js可以讓一個input的背景顏色變成紅色的是?A.inputElement.style.backgroundColor='red';B.inputElement.backgroundColor='red';C.inputElement.style.backgroundColor='#0000';D.inputElement.backgroundColor='#0000';103、下列哪個不是塊元素?A.<div>B.<p>C.<h1>D.<span>104、表單提交時(shí)會觸發(fā)什么Dom事件A.submitB.onsubmitC.onuploadD.onresize105、下列說法對的的是A.html5標(biāo)準(zhǔn)的鏈接默認(rèn)都是帶下劃線的B.bootstrap鏈接默認(rèn)都是帶下劃線C.bootstrap鏈接只有在hover狀態(tài)下才帶下劃線D.bootstrap鏈接從不會帶下劃線106、如何在CSS文獻(xiàn)中插入注釋?A.//thismentB.//thisisacomment//C./*thisisacomment*/D.’thisisacomment107、br標(biāo)簽在XHTML中語義為下面哪一項(xiàng)?A.換行B.強(qiáng)調(diào)C.段落D.標(biāo)題108、HTML5中支持下面哪個元素?A.<q>B.<ins>C.<menu>D.<font>109、元素的alt和title有什么異同,選出對的的說法?A.不同的瀏覽器,表現(xiàn)同樣B.a(chǎn)lt和title同時(shí)設(shè)立的時(shí)候,alt作為圖片的替代文字出現(xiàn),title是圖片的解釋文字C.a(chǎn)lt和title同時(shí)設(shè)立的時(shí)候,title作為圖片的替代文字出現(xiàn),alt是圖片的解釋文字D.以上說法都不對的HTML/CSS答案1、B(幀元素優(yōu)先級最高,表單元素總是比非表單元素優(yōu)先級高)2、C(Bootstrap

框架的網(wǎng)格系統(tǒng)工作原理如下:1

、數(shù)據(jù)行

(.row)

必須包含在容器(

.container

)中,以便為其賦予合適的對齊方式和內(nèi)距

(padding)

。

如:

<divclass="

container

">

<divclass="

row

"></div>

</div>2

、在行

(.row)

中可以添加列

(.column)

,但列數(shù)之和不能超過平分的總列數(shù),比如12

如:

<divclass="container">

<divclass="row">

<divclass="col-md-

4

"></div>

<divclass="col-md-

"></div>3

、具體內(nèi)容應(yīng)當(dāng)放置在列容器(

column

)之內(nèi),并且只有列(

column

)才可以作為行容器

(.row)

的直接子元素4

、通過設(shè)立內(nèi)距(

padding

)從而創(chuàng)建列與列之間的間距。然后通過為第一列和最后一列設(shè)立負(fù)值的外距(

margin

)來抵消內(nèi)距

(padding)

的影響詳:

HYPERLINK""\t"_blank"D(對的)關(guān)于列的嵌套:Bootstrap

框架的網(wǎng)格系統(tǒng)還支持列的嵌套。你可以在一個列中添加一個或者多個行(

row

)容器,然后在這個行容器中插入列。但在列容器中的行容器(

row

),寬度為

100%

時(shí),就是當(dāng)前外部列的寬度)3、A(<ul>無序列表;<ol>有序列表)4、B

5、C(

柵格系統(tǒng)用于通過一系列的行(row)與列(column)的組合來創(chuàng)建頁面布局,你的內(nèi)容就可以放入這些創(chuàng)建好的布局中。下面就介紹一下Bootstrap柵格系統(tǒng)的工作原理:“行(row)”必須包含在

.container

(固定寬度)或

.container-fluid

(100%寬度)中,以便為其賦予合適的排列(aligment)和內(nèi)補(bǔ)(padding))6、A7、C(由于while(page.taglst[i]==

"<br>"

&&i<taglen)這個判斷,先執(zhí)行page.taglst[i]==

"<br>"這個判斷,假如這個判斷返回值為true,再執(zhí)行i<taglen這個判斷。當(dāng)i=taglen的時(shí)候,執(zhí)行page.taglst[i]==

"<br>"這個判斷就會越界,所以B處,最先出現(xiàn)越界。把&&左邊和右邊位置調(diào)換一下就對了)8、B(<audio>標(biāo)簽定義聲音,比如音樂或其他音頻流。A對的。

<canvas>標(biāo)簽定義圖形,比如圖表和其他圖像。<canvas>標(biāo)簽只是圖形容器,您必須使用腳本來繪制圖形。B錯誤,<article>標(biāo)簽定義外部的內(nèi)容。比如來自一個外部的新聞提供者的一篇新的文章,或者來自blog的文本,或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。?<menu>標(biāo)簽定義命令的列表或菜單。<menu>標(biāo)簽用于上下文菜單、工具欄以及用于列出表單控件和命令。C對的

command元素表達(dá)用戶可以調(diào)用的命令。<command>標(biāo)簽可以定義命令按鈕,比如單選按鈕、復(fù)選框或按鈕。只有當(dāng)command元素位于menu元素內(nèi)時(shí),該元素才是可見的。否則不會顯示這個元素,但是可以用它規(guī)定鍵盤快捷鍵。D對的。)9、ABCD(A:box-shadow:

[<顏色><水平偏移><縱向偏移><模糊半徑>]||

[<水平偏移><縱向偏移><模糊半徑><顏色>];說明:(1)

<顏色>和<模糊半徑>是可選的,當(dāng)<顏色>未指定期,將使用文本顏色;當(dāng)<模糊半徑>未指定期,半徑值為0;(2)

shadow可以是逗號分隔的列表,如:

box-shadow:2px2px2px#ccc,3px3px3px#ddd;(3)

陰影效果會按照shadowlist中指定的順序應(yīng)用到元素上;(4)

這些陰影效果有也許互相重疊,但不會疊加文本自身;(5)

陰影也許會跑到容器的邊界之外,但不會影響容器的大小.B:陰影的參數(shù)格式和box-shadow相同;C:border-radius:

r;

Box的四個角可以由邊框半徑來設(shè)立彎曲度,其定義方式和border屬性類似;D:rgba(0-255,0-255,0-255,0-1)

前三個數(shù)值是RGB顏色的值,最后一個數(shù)值指代的是元素的透明度(0表達(dá)透明,1表達(dá)不透明).)10、ABCD(

bootstrap重要藍(lán)(bg-primary)、成功綠(bg-success)、信息藍(lán)(bg-info)、警告黃(bg-warning)、危險(xiǎn)紅(bg-danger))11、D(Bootstrap排版、鏈接樣式設(shè)立了基本的全局樣式。

font-size設(shè)立為14px,line-height設(shè)立為1.428。

<p>(段落)元素還被設(shè)立了等于1/2行高(即10px)的底部外邊距(margin))12、B(width-viewport的寬度height-viewport的高度initial-scale-初始的縮放比例minimum-scale-允許用戶縮放到的最小比例maximum-scale-允許用戶縮放到的最大比例user-scalable-用戶是否可以手動縮放)13、C(A錯誤,http是無狀態(tài)的B錯誤,后面的是request頭C對的,GET表達(dá)獲取資源,POST表達(dá)新增一個資源,PUT表達(dá)更新資源,DELETE表達(dá)刪除資源等等D錯誤,狀態(tài)碼304表達(dá):假如客戶端發(fā)送了一個帶條件的GET請求且該請求已被允許,而文檔的內(nèi)容(自上次訪問以來或者根據(jù)請求的條件)并沒有改變,則服務(wù)器應(yīng)當(dāng)返回這個狀態(tài)碼。307表達(dá)臨時(shí)重定向!!?。?4、A15、AB16、ACD(AB:柵格系統(tǒng)的工作原理中有,為了創(chuàng)建列(colume)之間的間隔

需要設(shè)立padding,并且

需要設(shè)立margin為負(fù)值

,消除第一個和最后一個之間padding的影響。

C:bootstrap將全局的font-size設(shè)立為14px;)17、ABCD18、ABCD19、ABCD(iframe可用在以下幾個場景中:1:典型系統(tǒng)結(jié)構(gòu),左側(cè)是功能樹,右側(cè)就是一些常見的table或者表單之類的。為了每一個功能,單獨(dú)分離出來,采用iframe。

2:ajax上傳文獻(xiàn)。

?3:加載別的網(wǎng)站內(nèi)容,例如google廣告,網(wǎng)站流量分析。4:

在上傳圖片時(shí),不用flash實(shí)現(xiàn)無刷新。5:

跨域訪問的時(shí)候可以用到iframe,使用iframe請求不同域名下的資源)20、none(float有四個值left,right,none(默認(rèn)值)和inherite(從父類繼承而來的浮動))21、B(font-style是設(shè)立字體的風(fēng)格,涉及值normal:默認(rèn)正常情況;italic:顯示文字為斜體;oblique:顯示文字為斜體;inherit:從父親那繼承一個樣式字體;font-weight為設(shè)立字體的粗細(xì))22、B(

樣式表允許以多種方式規(guī)定樣式信息。樣式可以規(guī)定在單個的HTML元素中,在HTML頁的頭元素中,或在一個外部的CSS文獻(xiàn)中。甚至可以在同一個HTML文檔內(nèi)部引用多個外部樣式表。外部樣式表內(nèi)部樣式表(位于<head>標(biāo)簽內(nèi)部)內(nèi)聯(lián)樣式(在HTML元素內(nèi)部))23、B(body元素定義文檔的主體,包含文檔的所有內(nèi)容,退一步講即使嵌套也應(yīng)寫在標(biāo)簽對之間)24、D25、D26、C27、B28、CD(border:none表達(dá)邊框樣式無,border:0表達(dá)邊框?qū)挾葹椋?當(dāng)定義了border:none,即隱藏了邊框的顯示,實(shí)際就是邊框?qū)挾葹?.

?當(dāng)定義邊框時(shí),必須定義邊框的顯示樣式.由于邊框默認(rèn)樣式為不顯示none,所以僅設(shè)立邊框?qū)挾?由于樣式不存在,邊框的寬度也自動被設(shè)立為0.)29、ABD(向

.form-control

添加前綴或后綴元素的環(huán)節(jié)如下:把前綴后后綴元素放在一個帶有class

.input-group

的<div>中。接著,在相同的<div>內(nèi),在class為

.input-group-addon

的<span>內(nèi)放置額外的內(nèi)容。把該<span>放置在<input>元素的前面或者后面。通過向

.input-group

添加相對表單大小的class(比如

.input-group-lg、input-group-sm、input-group-xs

)來改變輸入框組的大小。輸入框中的內(nèi)容會自動調(diào)整大小)30、margin31、D超小屏幕(手機(jī))小屏幕(平板)中檔屏幕(桌面)大屏幕(桌面)<768px>=768>=992>=1200.col-xs-.col-sm-.col-md-.col-lg-32、C33、A(<!DOCTYPE>聲明必須位于HTML5文檔中的第一行,也就是位于<html>標(biāo)簽之前。該標(biāo)簽告知瀏覽器文檔所使用的HTML規(guī)范。doctype聲明不屬于HTML標(biāo)簽;tag;它是一條指令,告訴瀏覽器編寫頁面所用的標(biāo)記的版本。在所有HTML文檔中規(guī)定doctype是非常重要的,這樣瀏覽器就能了解預(yù)期的文檔類型。HTML4.01中的doctype需要對DTD進(jìn)行引用,由于HTML4.01基于SGML。而HTML5不基于SGML,因此不需要對DTD進(jìn)行引用,但是需要doctype來規(guī)范瀏覽器的行為(讓瀏覽器按照它們應(yīng)當(dāng)?shù)姆绞絹磉\(yùn)營))34、A(bootstrap3.x使用了四種柵格選項(xiàng)來形成柵格系統(tǒng),來適合不同尺寸的設(shè)備,

以前綴命名這四種柵格選項(xiàng),他們分別是col-xs、col-sm、col-md、col-lg,我們懂英文的就知道,lg是large的縮寫,md是mid的縮寫,sm是small的縮寫,xs適合超小屏幕設(shè)備(手機(jī)))35、C(A選項(xiàng)中,通過添加空標(biāo)簽,是W3C推薦的,但會增長多余標(biāo)簽,一般不采用(非不推薦)。而父元素也添加浮動,則使整體浮動影響布局,不推薦)36、E(IndexdDB

HTML5

的本地存儲,把一些數(shù)據(jù)存儲到瀏覽器(客戶端)中,當(dāng)與網(wǎng)絡(luò)斷開時(shí),可以從瀏覽器中讀取數(shù)據(jù),用來做一些離線應(yīng)用。Cookie

通過在客戶端

瀏覽器

記錄信息擬定用戶身份,最大為

4kb

。url

參數(shù)用的是

get

方法,從服務(wù)器上獲取數(shù)據(jù),大小不能大于

2kb

。Session

是服務(wù)器端使用的一種記錄客戶端狀態(tài)的機(jī)制

。post

是向服務(wù)器傳送數(shù)據(jù),數(shù)據(jù)量較大。localStorage

也是

HTML5

的本地存儲,將數(shù)據(jù)保存在客戶端中(一般是永久的))37、ABCD(Ajax的優(yōu)勢可搜索性:普通的文本網(wǎng)頁會更有助于SEO。文本內(nèi)容是搜索引擎容易檢索的,而繁瑣的swf字節(jié)碼卻是搜索引擎不愿觸及的。雖然Google等一些大型的搜索引擎可以檢索SWF內(nèi)部的內(nèi)容,但是仍然有很多麻煩存在。開放性

:Flash常年以來被Macromedia看的很死。涉及Flex、FMS等輔佐技術(shù)一直都需要昂貴的安裝、維護(hù)費(fèi)用。而JS則沒有這樣的麻煩。沒有人樂意承擔(dān)法律和版權(quán)的風(fēng)險(xiǎn)。費(fèi)用

:Flash開發(fā)是很昂貴的,由于FlashIDE等環(huán)境都是要收費(fèi)的.而Ajax則不同.雖然有一些便宜的生成swf的工具,但是他們的工能實(shí)在無法滿足復(fù)雜需求。易用性

:Ajax程序有更好的易用性。由于中間有一層Flashplayer代理層,因此許多輔助功能無法被Flash靈活運(yùn)用。并且Flash在一些方面有著不好的口碑。比如彈出廣告、比如惡意代碼。

(awflasher.com個人認(rèn)為這八成是亂上xx網(wǎng)站導(dǎo)致的)易于開發(fā)

:人們開發(fā)復(fù)雜的Ajax和Flash應(yīng)用程序時(shí),都會借助一些高級的開發(fā)工具。普遍來說,Ajax的開發(fā)包比Flash簡便、容易。Flash的優(yōu)勢

多媒體解決

:Flash在音頻、視頻等多媒體領(lǐng)域相比HTML有絕對的優(yōu)勢?,F(xiàn)在幾乎所有的網(wǎng)站都包具有Flash內(nèi)容。兼容性

:兼容性好:由于通過了唯一的FlashPlayer“代理”。人們不必像調(diào)試JS那樣,在不同的瀏覽器中調(diào)試程序。矢量圖型

:這是Flash最大的優(yōu)勢,同樣處在這一領(lǐng)域的SVG、Canvaselement以及Direct完全不能與Flash相比??蛻舳速Y源調(diào)度

:Flash可以更容易的調(diào)用瀏覽器以外的外部資源。比如攝像頭、麥克風(fēng)等。然而這是普通的HTML無法完畢的。但是這也許是一個缺陷Ajax的劣勢:1.它也許破壞瀏覽器的后退功能

2.使用動態(tài)頁面更新使得用戶難于將某個特定的狀態(tài)保存到收藏夾中,但是這些都有相關(guān)方法解決。Flash的劣勢:1.二進(jìn)制格式2.格式私有3.flash文獻(xiàn)經(jīng)常會很大,用戶第一次使用的時(shí)候需要忍耐較長的等待時(shí)間

4.性能問題)38、ACD(bootstrap.table為任意<table>添加基本樣式(只有橫向分隔線).table-striped在<tbody>內(nèi)添加斑馬線形式的條紋(IE8不支持).table-bordered為所有表格的單元格添加邊框.table-h(huán)over在<tbody>內(nèi)的任一行啟用鼠標(biāo)懸停狀態(tài).table-condensed讓表格更加緊湊39、A(<strong>和<em>標(biāo)簽同樣都是用來強(qiáng)調(diào)文本的,但是<strong>強(qiáng)調(diào)的語氣更加強(qiáng)一點(diǎn)。mark是用來高亮文本的。<ins>的文字會帶下劃線。)40、ABCD(.btn-group該class用于形成基本的按鈕組;.btn-toolbar該class有助于把幾組<divclass="btn-group">結(jié)合到一個<divclass="btn-toolbar">中,一般獲得更復(fù)雜的組件。btn-group-lg,.btn-group-sm,.btn-group-xs

這些class可應(yīng)用到整個按鈕組的大小調(diào)整,而不需要對每個按鈕進(jìn)行大小調(diào)整)41、C(display屬性:block:CSS1塊對象的默認(rèn)值。將對象強(qiáng)制作為塊對象呈遞,為對象之后添加新行

可以定義高度和寬度none:CSS1隱藏對象。與visibility屬性的hidden值不同,其不為被隱藏的對象保存其物理空間inline:CSS1內(nèi)聯(lián)對象的默認(rèn)值。將對象強(qiáng)制作為內(nèi)聯(lián)對象呈遞,從對象中刪除行inline-block:IE5.5將對象呈遞為內(nèi)聯(lián)對象,但是對象的內(nèi)容作為塊對象呈遞。旁邊的內(nèi)聯(lián)對象會被呈遞在同一行內(nèi)inherit:看display默認(rèn)是不具有繼承性的,使用inherit可以讓其繼承父對象的display屬性。行內(nèi)元素,一行放置多個,沒有寬和高;?塊級元素,一行只能放置一個,有寬和高;?行內(nèi)塊元素,一行放置多個并且有寬和高.?行內(nèi)--塊:display:block;

塊--行內(nèi):display:inline;

行內(nèi),塊--行內(nèi)快:display:inline-block;)42、B(w3cshool中jQuery事件手冊中,有很清楚的說明:blur()方法是當(dāng)元素失去焦點(diǎn)時(shí),發(fā)生blur事件;而focus()方法是當(dāng)元素獲得焦點(diǎn)時(shí)發(fā)生focus事件;)43、C(hidden-print:在瀏覽器端可見,打印時(shí)隱藏)44、B(bordercolor表達(dá)邊框顏色;cellspacing表達(dá)單元格之間的間隔;cellpadding表達(dá)單元格內(nèi)邊距。)45、B46、B值描述absolute生成絕對定位的元素,相對于static定位以外的第一個父元素進(jìn)行定位。元素的位置通過"left","top","right"以及"bottom"屬性進(jìn)行規(guī)定。fixed生成絕對定位的元素,相對于瀏覽器窗口進(jìn)行定位。元素的位置通過"left","top","right"以及"bottom"屬性進(jìn)行規(guī)定。relative生成相對定位的元素,相對于其正常位置進(jìn)行定位。因此,"left:20"會向元素的LEFT位置添加20像素。stat(yī)ic默認(rèn)值。沒有定位,元素出現(xiàn)在正常的流中(忽略top,bottom,left,right或者z-index聲明)。inherit規(guī)定應(yīng)當(dāng)從父元素繼承position屬性的值。47、C(在css的定位機(jī)制有三種,分別是1:文檔流,2:浮動(float),3定位(position)其中文檔流的意義就是按照HTML里面的寫法就是從上到下,從左到右的排版布局;在4答案選項(xiàng)中的屬性,float(浮動)和position(定位)了A:position:absolute;生成絕對定位的元素,相對于static定位以外的第一個父元素進(jìn)行定位;都絕對定位了,肯定脫離了文檔流。。B:position:fixed;生成絕對定位的元素,相對于瀏覽器窗口進(jìn)行定位;相對于瀏覽器了,也和正常順序排下來沒什么關(guān)系。。C:position:relative;生成相對定位的元素,相對于其正常位置進(jìn)行定位。生成相對定位,也就是說還在原本的上下左右之間,上下左右的元素都不變,so這個沒有能脫離文檔流。。就這個了D:float(yī):left;都浮動出去了,還上哪保持原位置去。最終答案選擇C)48、D(

Doctype不存在或錯誤,瀏覽器默認(rèn)

混雜模式)49、C(event.preventDefault();//

取消事件的默認(rèn)行為

event.stopPropagat(yī)ion();//

阻止事件冒泡行為

,

符合

W3C

標(biāo)準(zhǔn),合用于FireFox

等cancelBubble

//

阻止事件冒泡行為,不符合

W3C

標(biāo)準(zhǔn),合用于

IEstopImmediatePropagat(yī)ion

防止對事件流中當(dāng)前節(jié)點(diǎn)中和所有后續(xù)節(jié)點(diǎn)中的事件偵聽器進(jìn)行解決。此方法會立即生效,并且會影響當(dāng)前節(jié)點(diǎn)中的事件偵聽器。stopPropagation

防止對事件流中當(dāng)前節(jié)點(diǎn)的后續(xù)節(jié)點(diǎn)中的所有事件偵聽器進(jìn)行解決。此方法不會影響當(dāng)前節(jié)點(diǎn)

(currentTarget)

中的任何事件偵聽器。)50、AB(這兩者的功能都是隱藏某個元素。不同的是,display屬性設(shè)定為“none”的元素將不產(chǎn)生任何的框(Box),也就是說,元素對布局沒有影響,瀏覽器將不顯示該元素,涉及其后代元素。更不會占位。而假如設(shè)定“visibility:hidden”則會生成元素框,只是元素“不可視”,而其他非視覺的屬性都將生效,例如widht、padding等。)51、B(b是獲取當(dāng)前位置,并返回到一個值中保存,d是定位用戶位置,在地圖上等)52、A(4個)53、D54、D(localStorage用于持久化的本地存儲,除非積極刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會過期的)55、D(1,@importurl()機(jī)制是不同于link的,link是在加載頁面前把css加載完畢,而@importurl()則是讀取完文獻(xiàn)后在加載,所以會出現(xiàn)一開始沒有css樣式,閃爍一下出現(xiàn)樣式后的頁面(網(wǎng)速慢的情況下)。

2,@import是css2里面的,所以古老的ie5不支持。

3,當(dāng)使用javascript控制dom去改變樣式的時(shí)候,只能使用link標(biāo)簽,由于@import不是dom可以控制的。4,link除了能加載css外還能定義RSS,定義rel連接屬性,@import只能加載css

)56、D57、D(閉包:有權(quán)訪問另一個函數(shù)作用域中的變量函數(shù)。閉包保存的是整個變量對象,而不是某個特殊的變量。

閉包與變量:閉包只能取得包含函數(shù)中任何變量的最后一個值。頁面加載后會自動把腳本部分執(zhí)行,執(zhí)行完腳本,i=4.當(dāng)點(diǎn)擊clickme時(shí)觸發(fā)onclick事件此時(shí)的i早已是4)58、ABD(這里重要是講標(biāo)簽的嵌套。其中l(wèi)i標(biāo)簽必須嵌套在ul標(biāo)簽或ol標(biāo)簽中;dt標(biāo)簽和dd標(biāo)簽必須嵌套在dl標(biāo)簽里面,并且dt標(biāo)簽必須位于dd標(biāo)簽前面;tr標(biāo)簽和td標(biāo)簽必須嵌套在table標(biāo)簽里面,其中td標(biāo)簽必須位于tr標(biāo)簽里面。)59、AD(h1-h(huán)6依次遞減<

small

>標(biāo)簽呈現(xiàn)小號字體效果)60、ACD(gif(圖形互換格式):gif格式文獻(xiàn)最多只能保存256種顏色。該格式支持透明色,支持動畫效果。jpeg(聯(lián)合圖像專家組):該格式不支持透明色及動畫,顏色可達(dá)1670萬種。png(網(wǎng)絡(luò)可移植格式):該格式支持透明色(不同瀏覽器也許不支持如ie5,ie6),不支持動畫,顏色從幾種至1670萬種。標(biāo)簽圖像文獻(xiàn)格式

TaggedImageFileFormat

,簡寫為

TIFF)是一種靈活的

HYPERLINK""位圖

格式,重要用來存儲涉及照片和藝術(shù)圖在內(nèi)的圖像。

TIFF文獻(xiàn)格式合用于在應(yīng)用程序之間和計(jì)算機(jī)平臺之間的互換文獻(xiàn),它的出現(xiàn)使得圖像數(shù)據(jù)互換變得簡樸。

TIFF文獻(xiàn)以

.tif

為擴(kuò)展名。其數(shù)據(jù)格式是一種3級體系結(jié)構(gòu),從高到低依次為:文獻(xiàn)頭、一個或多個稱為IFD的包含標(biāo)記指針的目錄和數(shù)據(jù))61、C62、D(obj是JS對象,對象由鍵和值組成,操作以地址進(jìn)行。varnewObj=obj相稱于兩個對象指向同一個地址,修改其中任何一個,此外一個也會受到影響)63、D(Safari的內(nèi)核是webkit;Firefox的內(nèi)核是Gecko;chrome的內(nèi)核是Blink;使用了webkit,是開源引擎webkit中webCore組件的一個分支;搜狗瀏覽器內(nèi)核使用了webkit;)64、C(圓角css代碼:border-radius只有在以下版本的瀏覽器:Firefox4.0+、Google

Chrome

10.0+、Opera

10.5+、IE9+支持border-radius標(biāo)準(zhǔn)語法格式)65、C66、B(IE9+、Firefox4+、Chrome、Safari5+以及Opera支持border-radius屬性)67、D(hover->focus->active懸停->聚焦->響應(yīng))68、D69、ABCD(A:手機(jī)<768px;b:平板>=768px;c:桌面>=992px;d:桌面>=1200px;)70、ABD(AB選項(xiàng)都把對的的驗(yàn)證碼文本放在了客戶端,這是違反了驗(yàn)證碼的初衷的。爬蟲或者是惡意程序依舊可以通過各種手段獲取你嵌入在html文本或者保存在cookie中的對的驗(yàn)證碼文本,模擬表單提交來達(dá)成襲擊的目的。D選項(xiàng)更是無稽之談。C選項(xiàng)才是對的的實(shí)現(xiàn)方式,發(fā)送到客戶端的只有圖片形式的驗(yàn)證碼,服務(wù)器端保存cookie相應(yīng)的圖形驗(yàn)證碼的對的文本。客戶端表單提交時(shí)到服務(wù)器端驗(yàn)證。)71、C(A選項(xiàng)<nav></nav>,位于<body></body>中。標(biāo)簽定義導(dǎo)航鏈接;B選項(xiàng)<footer></footer>,位于<body></body>中。標(biāo)簽定義文檔或節(jié)的頁腳;C選項(xiàng)<meta>,

<meta>元素可提供有關(guān)頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。

<meta>標(biāo)簽位于文檔的頭部(<head></head>),不包含任何內(nèi)容。<meta>標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。D選項(xiàng)<canvas>。<canvas>位于<body></body>

中,

標(biāo)簽定義圖形,比如圖表和其他圖像。)72、C(vertical-align是設(shè)立設(shè)立元素的垂直對齊方式。沒有text-vertical)73、C(clear:none|left|right|both.對于CSS的清除浮動(clear),一定要牢記:這個規(guī)則只能影響使用清除的元素自身,不能影響其他元素)74、C(div>p的意思是說:選擇所有父元素為div的p元素,假如一個p元素的父元素不是div,那么這個p元素是不會被選擇的!!!)75、B76、AC(work-break是css3屬性自動換行法則;設(shè)立white-space為nowrap,文本不會換行,文本會在同一行上繼續(xù),直到碰到<br>標(biāo)簽為止)77、CD(1.png透明背景,F(xiàn)F下面沒有問題,IE需要用濾鏡通道2.z-index在IE、FF下面的解釋問題)78、ABCD79、ABCD80、ABCD81、C(A是添加了一個類B是用加粗C使用標(biāo)簽h1D是強(qiáng)調(diào)自然是選用標(biāo)簽h1)82、D(權(quán)重:內(nèi)聯(lián)權(quán)重1000,ID選擇器權(quán)重:100,類偽類屬性選擇器權(quán)重:10,類型選擇器權(quán)重:1除!important,內(nèi)聯(lián)權(quán)重最大!)83、B(target屬性值:_blank瀏覽器會另開一個新窗口顯示鏈接_self,在同一框架或窗口中打開所鏈接的文檔。此參數(shù)為默認(rèn)值,通常不用指定。_parent,將鏈接的文獻(xiàn)載入具有該鏈接框架的父框架集或父窗口中。假如具有該鏈接的框架不是嵌套的,則在瀏覽器全屏窗口中載入鏈接的文獻(xiàn),就象_self參數(shù)同樣。_top,在當(dāng)前的整個瀏覽器窗口中打開所鏈接的文檔,因而會刪除所有框架_search在瀏覽器的搜索區(qū)裝載文檔,注意,這個功能只在InternetExplorer5或者更高版本中合用)84、A(html文檔加載是從上到下加載,只與標(biāo)簽的上下順序有關(guān),與標(biāo)簽選用無關(guān))85、B(IE6-IE7不怎么兼容)86、B87、D(css在<head></head>中引用先把樣式添加進(jìn)去讓瀏覽器渲染頁面js文獻(xiàn)在<body></body>最下面或者</html>之前都可以頁面加載完畢在進(jìn)行交互)88、B(大多數(shù)HTML元素被定義為塊級元素或內(nèi)聯(lián)元素?!皦K級元素”譯為blocklevelelement,“內(nèi)聯(lián)元素”譯為inlineelement。1.塊級元素在瀏覽器顯示時(shí),通常會以新行來開始(和結(jié)束)。塊級元素按照其應(yīng)用于結(jié)構(gòu)還是內(nèi)容分為三種:結(jié)構(gòu)化塊狀元素,終端塊狀元素,多目的塊狀元素。結(jié)構(gòu)化塊狀元素:這類元素用于構(gòu)造文檔的結(jié)構(gòu),沒有語義上的含義,僅僅劃分出了文檔的組織方式,并沒有體現(xiàn)文檔的內(nèi)容。

終端塊狀元素:這類元素用于從結(jié)構(gòu)轉(zhuǎn)向內(nèi)容,擁有語義上的含義,可以表白內(nèi)容的性質(zhì)。終端塊狀元素屬于結(jié)構(gòu)的終點(diǎn),它們不能再包含其他塊級元素,只能包含文本或行級元素。多目的塊狀元素:多目的指的是可以自由的擴(kuò)展或嵌套文檔的結(jié)構(gòu),以可以終端的形式出現(xiàn)。當(dāng)多目的塊狀元素以結(jié)構(gòu)化的方式使用時(shí)就具有結(jié)構(gòu)化的內(nèi)涵,以終端的形式使用就具有語義的內(nèi)涵。

2.內(nèi)聯(lián)元素(inlineelement)一般都是基于語義級(semantic)的基本元素,只能容納文本或者其它內(nèi)聯(lián)元素。

A屬于

多目的塊狀元素C和D屬于

終端塊狀元素B:span

常用內(nèi)聯(lián)容

溫馨提示

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

最新文檔

評論

0/150

提交評論