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

下載本文檔

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

文檔簡介

1、編程語言HTML/CSS1、input屬于窗體元素,層級顯示比flash、其它元素都高。請判斷這句話的正確與否。AT BF2、根據(jù)柵格系統(tǒng)的標(biāo)準(zhǔn)用法，錯誤的是A<div class="container"><br> <div class="row">B<div class="row"><br> <div class="col-md-1">C<div class="row"><br> <div c

2、lass="container">D<div class="col-md-1"><br><div class= "row">3、列表分為兩類，一是無序列表，一是有序列表，以下哪個是無序列表？A<UL> B<OL> C<DIR> D<DL>4、關(guān)于下列類的說法錯誤的是？Ashow用來顯示一個區(qū)塊 Bhide用來隱藏一個divChidden用來隱藏一個div Dtext-hide將會隱藏掉文字5、關(guān)于嵌套列的用法，錯誤的是A<div class

3、=“row”><br> <div class=“col-sm-1”>B<div class=“col-sm-1”><br><div class=“row”><br>C<div class=“row”><br> <div class=“container”><br> <div class=“col-xs-1”><br>D<div class=“container”><br> <div class=“row”>&l

4、t;br> <div class=“col-xs-1”>6、下面哪一個標(biāo)符可以產(chǎn)生一個水平線？A<HR> B<BR> C<TR> D<T1>7、處理a.html文件時，以下哪行偽代碼可能導(dǎo)致內(nèi)存越界或者拋出異常（）123456789101112131415         int totalBlank = 0;         int blankNum = 0;  

5、60;      int taglen = page.taglst.size();A       for(int i = 1; i < taglen-1; +i)                         /check blankB             while(page

6、.taglsti = "<br>" && i < taglen)               C                       +totalBlank;D                       +i;

7、60;              E             if(totalBlank > 10)F                      blankNum += totalBlank;G             totalBlank = 0;&#

8、160;       注意：以下代碼中taglen是html文件中存在元素的個數(shù)，a.html中taglen的值是15，page.taglsti取的是a.html中的元素，例如page.taglst1的值是<html>a.html的文件如下：<html><title>test</title><body><div>aaaaaaa</div></body></html><br><br><br><br&

9、gt;<br>AA BB CC DD EE FF GG8、下面有關(guān)html5標(biāo)簽說法錯誤的有？A<audio> 標(biāo)簽定義聲音，比如音樂或其他音頻流B<canvas> 比如來自一個外部的新聞提供者的一篇新的文章，或者來自 blog 的文本，或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容C<menu> 標(biāo)簽定義菜單列表。當(dāng)希望列出表單控件時使用該標(biāo)簽D<command> 標(biāo)簽定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕9、下面屬于CSS3新增屬性的有？Abox-shadow Btext-shadow Cborder-radius Drgba1

10、0、哪些可以給文字加上背景？Abg-primary Bbg-success Cbg-info Dbg-warning11、在bootstrap中，關(guān)于全局設(shè)置的說法，錯誤的是Afont-size為14pxBline-height 設(shè)置為 1.428C<p>設(shè)置了等于 1/2 行高（即 10px）的底部外邊距（margin）D<p>設(shè)置了等于 1/2 行高（即 10px）的底部內(nèi)邊距（padding）12、以下位于<head>間的代碼片段是做什么用的1<meta name="viewport" content="width=

11、device-width, initial-scale=1">A使得頁面編碼合乎要求 B表示支持響應(yīng)式設(shè)計C支持正常的繪制和縮放 D表示針對滾屏進(jìn)行適當(dāng)?shù)倪m配13、關(guān)于HTTP協(xié)議，下面哪個說法是正確的？AHTTP協(xié)議是有狀態(tài)協(xié)議。B以下是一個Http鏈接的response 的響應(yīng)頭： GET /xxx/xxx/js/lib/test.js HTTP/1.1 Host: Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Accept: */*CRESTful 接口中，利用HTTP協(xié)

12、議的method字段來描述要對資源操作的方式，比如GET表示獲取資源，POST表示新增一個資源，PUT表示更新資源,DELETE 表示刪除資源等等。D一個HTTP請求返回的HTTP狀態(tài)碼中，304表示臨時重定向。14、以下關(guān)于盒子模型描述正確的是：A標(biāo)準(zhǔn)盒子模型中：盒子的總寬度 左右margin + 左右border + 左右padding + widthBIE盒子模型中：盒子總寬度 左右margin + 左右border + widthC標(biāo)準(zhǔn)盒子模型中：盒子的總寬度 左右margin + 左右border + widthDIE盒子模型中：盒子總寬度 width15、如何讓一個區(qū)塊居中?Ace

13、nter Bcenter-block Chorizontal-center Dvertical-center16、關(guān)于柵格系統(tǒng)，以下說法正確的是A會有自動的padding樣式 B會有自動的margin樣式C其字體默認(rèn)為14px D其box-sizing默認(rèn)為border-box17、哪些是正確的輔助類Atext-muted Btext-success Ctext-info Dtext-warning18、在bootstrap中， 關(guān)于導(dǎo)航條，下列說法正確的是?A應(yīng)該將被包裹的元素放到navbar-collapse類中B表單應(yīng)該放置于navbar-form內(nèi)C可以使用navbar-le

14、ft和navbar-right來對齊導(dǎo)航條D可以使用navbar-fixed-top和navbar-fixed-bottom來將導(dǎo)航條固定到頂部或底部19、iframe的使用場景有？A與第三方域名下的頁面共享cookie B上傳圖片，避免當(dāng)前頁刷新C左邊固定右邊自適應(yīng)的布局 D資源加載20、設(shè)置CSS屬性float的值為 1 時可取消元素的浮動。21、css屬性font-style用于設(shè)置字體的粗細(xì)。請判斷這句話的正確與否。AT BF22、使用CSS來格式化網(wǎng)頁，共有三種方式，以下哪一種不是：A在HEAD中引用 B作為標(biāo)記來引用C在BODY中引用 D作為文件來引用23、下面

15、有關(guān)html的描述，不推薦的是？A在頁面頂部添加 doctype聲明；B在 </head> <body> 中間插入 HTML 代碼；C避免使用 <font> 標(biāo)簽；D使用 <table> 元素展現(xiàn)學(xué)生成績表等數(shù)據(jù)。24、在css3中要使元素由一種樣式轉(zhuǎn)換成另一種樣式，需要使用什么屬性？Aanimation Bkeyframes Cflash Dtransition25、關(guān)于HTML語義化，以下哪個說法是正確的？A語義化的HTML有利于機(jī)器的閱讀，如PDA手持設(shè)備、搜索引擎爬蟲；但不利于人的閱讀BTable 屬于過時的標(biāo)簽，遇到數(shù)據(jù)列表時，需盡量使

16、用 div 來模擬表格C語義化是HTML5帶來的新概念，此前版本的HTML無法做到語義化DHeader、article、address都屬于語義化明確的標(biāo)簽26、下列哪一個是頁面載入時會觸發(fā)什么Dom事件？Aonchange Bonaclive Conload Donresize27、關(guān)于bootstrap3的說法，錯誤的是A在windows上支持IE8 B在IOS上支持OperaC在MAC OS及Windows上支持firefox D在IOS及android上都支持chrome28、下述有關(guān)border:none以及border:0的區(qū)別，描述錯誤的是？ Aborder:none表

17、示邊框樣式無Bborder:0表示邊框?qū)挾葹?C當(dāng)定義了border:none，即隱藏了邊框的顯示，實(shí)際就是邊框?qū)挾葹?D當(dāng)定義邊框時，僅設(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)，說法錯誤的是Acol-sm-* 一般用于大于768的平板 Bcol-m

18、d-* 一般用于大于992的中等屏幕顯示器Ccol-lg-*用于大于1200的桌面顯示器 Dcol-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<!DOCTYPE html> B<!DOCTYPE HTML PUBLIC>C<!DOCTYPE xhtml> D<!DOCTYPE HTML5>34、能在1024的windows機(jī)器上顯示8列而在腎6手機(jī)上顯示12列的是Acol-md-8 col

19、-xs-12 Bcol-lg-8 col-sm-12Ccol-md-8 col-sm-12 Dcol-lg-8 col-xs-1235、浮動會導(dǎo)致頁面的非正常顯示，一下幾種清除浮動的方法，哪個是不推薦使用的？A在浮動元素末尾添加一個空的標(biāo)簽例如 <div style=”clear:both”></div>B通過設(shè)置父元素overflow值為hidden；C父元素也設(shè)置浮動D給父元素添加clearfix類36、瀏覽器在一次 HTTP 請求中，需要傳輸一個 4097 字節(jié)的文本數(shù)據(jù)給服務(wù)端，可以采用那些方式?A存入 IndexdDB B寫入 COOKIE C放在 URL 參

20、數(shù)D寫入 Session E使用 POST F放在 Local Storage37、下列關(guān)于比較Ajax與Flash的優(yōu)缺點(diǎn)，相關(guān)描述正確的是？AAjax的優(yōu)勢在意在于可搜索性，開放性，易用性及易于開發(fā)BFlash的優(yōu)勢在于多媒體處理，可以更容易的調(diào)用瀏覽器以外的外部資源CAjax最主要的批評就是它可能破壞瀏覽器的后退功能Dflash 文件經(jīng)常會很大，用戶第一次使用的時候需要忍耐較長的等待時間38、以下說法正確的是A為<table>標(biāo)簽添加.table類可以給表格添加水平分割線B給表格添加table-striped類可以使IE8中的表格出現(xiàn)斑馬線C為表格添加table-border

21、ed類可為表格中每個元素增加邊框D為表格添加table-hover類可為表格中增加鼠標(biāo)懸停樣式39、以下說法，錯誤的是Amark用于顯示變粗的文字 B<del>用于顯示刪除的文本C<ins>的文字會帶下劃線 D<strong>用于強(qiáng)調(diào)文本40、下列關(guān)于btn標(biāo)簽的說法正確的是Abtn-group能將按鈕組成按鈕組 Bbtn-toolbar能將btn做成復(fù)雜組件Cbtn-group可以嵌套使用 D可以使用btn-group-lg,btn-group-sm來調(diào)整按鈕大小41、下列哪個樣式定義后,內(nèi)聯(lián)(非塊狀)元素可以定義寬度和高度Adisplay:inline

22、Bdisplay:none Cdisplay:block Ddisplay:inherit42、下面有關(guān)jquery事件的響應(yīng)，描述錯誤的是？Aonclick 鼠標(biāo)點(diǎn)擊某個對象Bonfocus 元素失去焦點(diǎn)Conload 是某個頁面的css js html 文檔結(jié)構(gòu)和圖像被完成加載Donmousedown 某個鼠標(biāo)按鍵被按下43、有一個元素，需要在打印時隱藏，使用的類是Avisible-print-block Bvisible-print-inlineChidden-print Dprint-hidden44、<table>標(biāo)簽中，哪個是表格邊框線的粗細(xì)？Abordercolor

23、Bborder Ccellspacing Dcellpadding45、下列不屬于bootstrap3的標(biāo)簽是Arow Brow-fluid Ccol-md-* Dform-group46、下述有關(guān)css屬性position的屬性值的描述，說法錯誤的是？Astatic：沒有定位，元素出現(xiàn)在正常的流中Bfixed：生成絕對定位的元素，相對于父元素進(jìn)行定位Crelative：生成相對定位的元素，相對于元素本身正常位置進(jìn)行定位。Dabsolute：生成絕對定位的元素，相對于 static 定位以外的第一個祖先元素進(jìn)行定位。47、下面哪個屬性不會讓 div 脫離文檔流（normal flow）？Apo

24、sition: absolute; Bposition: fixed; Cposition: relative; Dfloat: left;48、下面有關(guān)html Doctype的描述，說法錯誤的是？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)定義的阻止事件向父容器傳遞：Ae.preventDefault(

25、) Be.cancelBubble=trueCe.stopPropagation() De.stopImmediatePropagation()50、display:none 和 visibility:hidden的說法，正確的是？Adisplay:none與visibility:hidden都可以用來隱藏某個元素Bdisplay:none在隱藏元素的時候，將其占位空間也去掉；而visibility:hidden只是隱藏了內(nèi)容而已，其占位空間仍然保留。Cdisplay:none是不符合html5標(biāo)準(zhǔn)的Dvisibility:hidden是不符合html5標(biāo)準(zhǔn)的51、在 HTML5 中，哪個方法

26、用于獲得用戶的當(dāng)前位置？AgetPosition() BgetCurrentPosition() CgetUserPosition() DgetLocation()52、對于下拉菜單，錯誤的是123456789101112<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dro

27、pdown"> Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"><a role="menuitem&q

28、uot; tabindex="-1" href="#">Action</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li> <li role="presentation"><a role="

29、menuitem" tabindex="-1" href="#">Something else here</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li> </ul></div>A表示了一個

30、有五個下拉選項(xiàng)的下拉菜單B<span class="caret"></span>可以去掉而不影響功能C可以加入pull-right使菜單右對齊D可加入dropdown-menu-right使菜單右對齊53、網(wǎng)頁開發(fā)中，一般需判斷瀏覽器類型，需通過userAgent中獲取瀏覽器內(nèi)核來判斷，下列說法錯誤的是？A一直到IE9，都是Trident內(nèi)核 Bfirefox是Gecko內(nèi)核Cchrome是webkit內(nèi)核 DIE是目前最快的瀏覽器54、下列描述錯誤的是（）AHTTP狀態(tài)碼302表示暫時性轉(zhuǎn)移 BdomContentLoaded事件早于onload事

31、件CIE6/7/8不支持事件捕獲 DlocalStorage存儲的數(shù)據(jù)，在刷新頁面后會消失55、下面有關(guān)CSS中l(wèi)ink和import的區(qū)別，描述錯誤的是？Alink屬于XHTML標(biāo)簽，而import完全是CSS提供的一種方式B當(dāng)一個頁面被加載的時候，link引用的CSS會同時被加載，而import引用的CSS會等到頁面全部被下載完再被加載Clink在支持CSS的瀏覽器上都支持而import只在5.0以上的版本有效D當(dāng)使用javascript控制dom去改變樣式的時候，只能使用import方式56、使用CSS的flexbox布局，不能實(shí)現(xiàn)以下哪一個效果：A三列布局，隨容器寬度等寬彈性伸縮B多列

32、布局，每列的高度按內(nèi)容最高的一列等高C三列布局，左列寬度像素數(shù)確定，中、右列隨容器寬度等寬彈性伸縮D多個寬高不等的元素，實(shí)現(xiàn)無縫瀑布流布局57、現(xiàn)有如下html結(jié)構(gòu)123456<ul> <li>click me</li> <li>click me</li> <li>click me</li> <li>click me</li></ul>運(yùn)行如下代碼：1234567    var elements=

33、document.getElementsByTagName('li');    var length=elements.length;    for(var i=0;i<length;i+)        elementsi.onclick=function()        alert(i);   

34、60; 依次點(diǎn)擊4個li標(biāo)簽，哪一個選項(xiàng)是正確的運(yùn)行結(jié)果（）?A依次彈出1，2，3，4 B依次彈出0，1，2，3C依次彈出3，3，3，3 D依次彈出4，4，4，458、下面有關(guān)html結(jié)構(gòu)描述正確的有？A<ul> <li> </li> </ul> B<ol> <li> </li> </ol>C<dl><dt><dd></dd></dt></dl> D<table> <tr> <td>

35、</td> </tr> </table>59、關(guān)于h標(biāo)簽1<h1>h1. Bootstrap heading <small>Secondary text</small></h1>以下說法正確的是A<h1>最大 B<h6>最大 C<small>用法錯誤 D<small>表示副標(biāo)題60、嵌入在HTML文檔中的圖像格式可以是？A*.gif B*.tif C*.bmp D*.jpg61、下面哪一個標(biāo)符可以產(chǎn)生一個表行？A<HR> B<BR> C&l

36、t;TR> D<T1>62、以下為一段瀏覽器中可運(yùn)行的Javascript 代碼，則運(yùn)行該段Javascript代碼的頁面彈出框中顯示的結(jié)果是：（）1234var obj = "key":"1","value":"2"var newObj = obj;newObj.value += obj.key;alert(obj.value);A2 B12 C3 D2163、下面列出的瀏覽器，無webkit內(nèi)核的是（）Achrome BSafari C搜狗瀏覽器 Dfirefox64、關(guān)于html的盒模型，下

37、列說法正確的是？Amargin是內(nèi)邊距 Bpadding是外邊距Cborder是邊框 Dborder-radius是css3標(biāo)準(zhǔn)，因此IE并不支持border-radius屬性65、下列輔助類的說法錯誤的是？A<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>&l

38、t;br>可以用來表示一個關(guān)閉按鈕B<span class="caret"></span>可以用來表示一個三角符號Cnavbar可使用pull-left類來定義Dnavbar可使用navbar-left類來定義66、對于border-radius標(biāo)簽，說法錯誤的是A表示圓角邊框 BIE8支持良好CIE9支持良好 Dfirefox支持良好67、把鼠標(biāo)移到按鈕并點(diǎn)擊時，會產(chǎn)生一串什么樣的事件？Aactive hove focus Bfoucs hove activeChove active foucus Dhover focus active68、

39、以下全部屬于塊級標(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)，哪些是正確的Acol-sm-* Bcol-xs-* Ccol-md-* Dcol-lg-*70、關(guān)于web表單登錄中用到

40、的圖形驗(yàn)證碼的實(shí)現(xiàn),以下做法不正確的有:A返回給瀏覽器的html代碼中包含圖形驗(yàn)證碼和文本字符串,登錄前客戶端判斷輸入內(nèi)容和頁面中保存的內(nèi)容是否一致B服務(wù)器端在返回的圖片和cookie中同時包含圖形驗(yàn)證碼,登錄前客戶端判斷輸入內(nèi)容和cookie保存的內(nèi)容是否一致C服務(wù)器端生成驗(yàn)證碼后一方面通過圖片將驗(yàn)證碼返回給客戶端,同時在服務(wù)器端保存文本的驗(yàn)證碼,由服務(wù)器端驗(yàn)證輸入內(nèi)容是否正確D瀏覽器通過識別圖形驗(yàn)證碼中的內(nèi)容和用戶輸入的內(nèi)容判斷是否一致71、從四個選項(xiàng)選出不同的一個。A<nav> B<footer> C<meta> D<canvas>72、以

41、下標(biāo)簽，錯誤的是Atext-left用于左對齊 Btext-center水平居中對齊Ctext-vertical垂直居中對齊 Dtext-uppercase可以將文字全部大寫73、css中clear的作用是什么？A清除該元素所有樣式 B清楚該元素父元素的所有樣式C指明該元素周圍不可出現(xiàn)浮動元素 D指明該元素的父元素周圍不可出現(xiàn)浮動元素74、下面有關(guān)css選擇器的說法錯誤的是？A.intro - 選擇 class="intro" 的所有元素。B#firstname - 選擇 id="firstname" 的元素。Cdiv>p - 選擇所有 <d

42、iv> 元素和所有 <p> 元素Dp - 選擇所有 <p> 元素75、關(guān)于canvas不正確的是？Acanvas是HTML5的一部分，允許腳本動態(tài)渲染位圖像Bcanvas是作為Flash的替代技術(shù)出現(xiàn)Ccanvas擁有多種繪制路徑、矩形、圓形、字符及添加圖像的方法DInternet Explorer自Internet Explorer9起已經(jīng)可以支持canvas76、不換行必須設(shè)置哪些項(xiàng)？Aword-break Bletter-spacing Cwhite-space Dword-spacing77、下面關(guān)于IE、FF下面CSS的解釋區(qū)別描述正確的有？AFireF

43、ox的div的內(nèi)嵌div可以把父級的高度撐大，而IE6.0不可以，要自己設(shè)置高度。B當(dāng)設(shè)置為三列布局時，F(xiàn)ireFox0的float寬度不能達(dá)到100，而IE6.可以。當(dāng)設(shè)置為兩列布局時，兩種瀏覽器都可以。C火狐瀏覽器中，非float的div前面有同一父級的float的div，此div若有背景圖，要使用clear：both，才能顯示背景圖，而IE6.0中不用使用clear：bothD在text-decoration:underline的屬性下，IE6.0顯示的下劃線會比FireFox低一點(diǎn)。在FireFox中，部分筆畫會在下劃線的下面1個象素左右。78、jquery ajax中都支持哪些返回類

44、型？Axml Bhtml Cjsonp Djson79、問一份標(biāo)準(zhǔn)的HTML文檔有哪幾個必須的HTML標(biāo)簽？A<html> B<head> C<title> D<body>80、假設(shè)當(dāng)前屏幕分別率為1024×768，定義一個居中的占屏幕一半大小的表格的語句是A<TABLE ALIGN=”CENTER” WIDTH=”50%”></TABLE>B<TABLE ALIGN=”CENTER” WIDTH=”512></TABLE>C<DIV ALIGN=”CENTER”><TA

45、BLE WIDTH=”512></TABLE></DIV>D<CENTER><TABLE WIDTH=”50%”></TABLE></CENTER>81、選出你認(rèn)為最合理的定義標(biāo)題的方法。A<span class=”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)簽中Hell

46、o World字體的顏色是：（）123456789101112131415<style type="text/css">span     color: green;.red     color: red;#blue     color: blue;</style> <span id="blue" class="red" style="color:black;"

47、;>Hello World</span>     Agreen Bred Cblue Dblack83、新窗口打開網(wǎng)頁，用到以下哪個值（）。A_self B_blank C_top D_parent84、關(guān)于屏幕的尺寸標(biāo)準(zhǔn)，說法錯誤的是顯示與標(biāo)簽選用無關(guān)。請判斷這句話的正確與否。AT BF85、display:inline兼容所有的瀏覽器。請判斷這句話的正確與否。AT BF86、有一個元素，需要在pc端顯示而在手機(jī)端隱藏，需要使用的方法是？Avisible-xs-8 hidden-md Bvisible-md-8 hidden

48、-xsCvisible-md-8 hidden-sm Dvisible-sm-8 hidden-md87、放在HTML里的哪一部分JavaScripts會在頁面加載的時候被執(zhí)行？A文件頭部位置 B文件尾 C<head>標(biāo)簽部分 D<body>標(biāo)簽部分88、以下哪個選項(xiàng)不是塊級元素（）Adiv Bspan Cp Dh189、下面有關(guān)CSS sprites說法錯誤的是？A允許你將一個頁面涉及到的所有零星圖片都包含到一張大圖中去B利用CSS的“background-image”，“background-repeat”，“background-position”的組合進(jìn)行背景定

49、位CCSS Sprites雖然增加了總的圖片的字節(jié)，但是很好地減少網(wǎng)頁的http請求，從而大大的提高頁面的性能DCSS Sprites整理起來更為方便，同一個按鈕不同狀態(tài)的圖片也不需要一個個切割出來并個別命名90、請選擇產(chǎn)生粗體字的 HTML 標(biāo)簽：A<bold> B<bb> C<b> D<bld>91、哪一個html盒模型中的border的正確寫法？Ap border:5px solid red; Bpborder:5px <br> red solid; Cpborder: red solid 5px; Dpborder: soli

50、d red 5px; 92、要運(yùn)用css3動畫，你需要運(yùn)用什么規(guī)則？Aanimation Bkeyframes Cflash Dtransition93、CSS3支持下列哪一個屬性 ?Abox-shadow Bborder Cbackground Ddisplay94、下面有關(guān)HTML的Doctype和嚴(yán)格模式與混雜模式的描述，錯誤的是？A聲明位于文檔中的最前面，處于 標(biāo)簽之前。告知瀏覽器的解析器，用什么文檔類型 規(guī)范來解析這個文檔B在標(biāo)準(zhǔn)模式中，瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面；在混雜模式中，頁面以一種比較寬松的向后兼容的方式顯示CDOCTYPE不存在或格式不正確會導(dǎo)致文檔以標(biāo)準(zhǔn)模式呈現(xiàn)D瀏

51、覽器根據(jù)DOCTYPE是否存在以及使用的哪種DTD來選擇要使用的呈現(xiàn)方法95、在使用table表現(xiàn)數(shù)據(jù)時，有時候表現(xiàn)出來的會比自己實(shí)際設(shè)置的寬度要寬，為此需要設(shè)置下面哪些屬性值？Acellpadding=”0 Bpadding:0 Cmargin:0 Dcellspacing=”096、以下是行內(nèi)元素的有（）Aspan Binput Cul Dp97、以下說法正確的是A<kbd>來表示用戶輸入 B<var>用來表示變量Clist-inline類會將所有的元素放置于同一行<br> D<code>表示代碼片段98、常見的瀏覽器端的存儲技術(shù)有哪些？Ac

52、ookie BlocalStorage Csession DuserData99、文字居中的CSS代碼是 1 。100、1 標(biāo)簽必須直接嵌套于ul、ol中？101、css屬性overflow屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理。如果值為 scroll，不論是否需要，用戶代理都會提供一種滾動機(jī)制。ATrue BFalse102、下列js可以讓一個input的背景顏色變成紅色的是？AinputElement.style.backgroundColor = 'red'BinputElement.backgroundColor = 'red

53、9;CinputElement.style.backgroundColor = '#0000'DinputElement.backgroundColor = '#0000'103、下列哪個不是塊元素？A<div> B<p> C<h1> D<span>104、表單提交時會觸發(fā)什么Dom事件Asubmit Bonsubmit Conupload Donresize105、下列說法正確的是Ahtml5標(biāo)準(zhǔn)的鏈接默認(rèn)都是帶下劃線的Bbootstrap鏈接默認(rèn)都是帶下劃線Cbootstrap鏈接只有在hover狀態(tài)下才帶下劃

54、線Dbootstrap鏈接從不會帶下劃線106、如何在CSS文件中插入注釋？A/this is a comment B/this is a comment/C/*this is a comment*/ Dthis is a comment107、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)一樣Balt和title同時設(shè)置的時候，alt作為圖片的替代文

55、字出現(xiàn)，title是圖片的解釋文字Calt和title同時設(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) 。    如： <div class=&qu

56、ot; container ">        <div class=" row "></div>        </div>2 、在行 (.row) 中可以添加列 (.column) ，但列數(shù)之和不能超過平分的總列數(shù)，比如12 。     如： 

57、<div class="container">             <div class="row">             <div class="col-md- 4 "></div>   &#

58、160;         <div class="col-md- 8 "></div>3 、具體內(nèi)容應(yīng)當(dāng)放置在列容器（ column ）之內(nèi)，而且只有列（ column ）才可以作為行容器 (.row) 的直接子元素4 、通過設(shè)置內(nèi)距（ padding ）從而創(chuàng)建列與列之間的間距。然后通過為第一列和最后一列設(shè)置負(fù)值的外距（ margin

59、0;）來抵消內(nèi)距 (padding) 的影響詳：  D（正確）關(guān)于列的嵌套：Bootstrap 框架的網(wǎng)格系統(tǒng)還支持列的嵌套。你可以在一個列中添加一個或者多個行（ row ）容器，然后在這個行容器中插入列。但在列容器中的行容器（ row ），寬度為 100% 時，就是當(dāng)前外部列的寬度)3、A ( <ul>無序列表； <ol>有序列表 )4、B 5、C (   柵格系統(tǒng)用于通過一系列的行（row）與列（column）的組合來創(chuàng)建頁面布

60、局，你的內(nèi)容就可以放入這些創(chuàng)建好的布局中。下面就介紹一下 Bootstrap 柵格系統(tǒng)的工作原理：“行（row）”必須包含在 .container （固定寬度）或 .container-fluid （100% 寬度）中，以便為其賦予合適的排列（aligment）和內(nèi)補(bǔ)（padding） )6、A7、C (因?yàn)閣hile(page.taglsti = "<br>"  && i < taglen)這個判斷，先執(zhí)行page.taglsti = "<br

61、>"這個判斷，如果這個判斷返回值為true，再執(zhí)行i < taglen這個判斷。當(dāng)i=taglen的時候，執(zhí)行page.taglsti = "<br>"這個判斷就會越界，所以B處，最先出現(xiàn)越界。把&&左邊和右邊位置調(diào)換一下就對了)8、B (<audio> 標(biāo)簽定義聲音，比如音樂或其他音頻流。 A正確。<canvas> 標(biāo)簽定義圖形，比如圖表和其他圖像。<canvas> 標(biāo)簽只是圖形容器，您必須使用腳本來繪制圖形。 B錯誤，<article>標(biāo)簽定義外部的內(nèi)容。比如來自

62、一個外部的新聞提供者的一篇新的文章，或者來自 blog 的文本，或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。<menu> 標(biāo)簽定義命令的列表或菜單。<menu> 標(biāo)簽用于上下文菜單、工具欄以及用于列出表單控件和命令。 C正確command 元素表示用戶能夠調(diào)用的命令。<command> 標(biāo)簽可以定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕。只有當(dāng) command 元素位于 menu 元素內(nèi)時，該元素才是可見的。否則不會顯示這個元素，但是可以用它規(guī)定鍵盤快捷鍵。 D正確。)9、ABCD (A：box-shadow: <顏色><水平偏

63、移><縱向偏移><模糊半徑> | <水平偏移><縱向偏移><模糊半徑><顏色>說明:(1) <顏色>和<模糊半徑>是可選的, 當(dāng)<顏色>未指定時, 將使用文本顏色; 當(dāng)<模糊半徑>未指定時, 半徑值為0;(2) shadow可以是逗號分隔的列表, 如: box-shadow: 2px 2px 2px #ccc, 3px 3px 3px #ddd;(3) 陰影效果會按照shadow list中指定的順序應(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ù)值指代的是元素的透明度

溫馨提示

  • 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)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論