HTML5響應式設計練習試題_第1頁
HTML5響應式設計練習試題_第2頁
HTML5響應式設計練習試題_第3頁
HTML5響應式設計練習試題_第4頁
HTML5響應式設計練習試題_第5頁
已閱讀5頁，還剩21頁未讀， 繼續免費閱讀

下載本文檔

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

文檔簡介

第頁HTML5響應式設計練習試題1.彈性布局中，屬性“align-items”的意思是（）A.

主軸對齊B.

側軸對齊C.

彈性模型對象的子元素出現的順序D.

項目的長度【正確答案】：B2.50.在CSS3中新增的box-shadow屬性用于給元素塊添加（）效果的A.圖片邊框B.漸變背景C.圓角D.陰影【正確答案】：D3.關于彈性布局下列說法錯誤的是A.Flex是FlexibleBox的縮寫，意為”彈性布局”，用來為盒狀模型提供最大的靈活性B.justify-content屬性定義了項目在側軸上的對齊方式C.flex-direction屬性決定主軸的方向D.flex-wrap屬性默認情況下，項目都排在一條線（又稱”軸線”）上【正確答案】：B4.38.在HTML5網頁中，實現多累布局時，（）可設置多列之間的分割列的樣式。A.column-ruleB.columnsC.column-gapD.column-width【正確答案】：A5.20.對于背景樣式相關屬性，描述錯誤的是（）A.background-origin的默認值是border-boxB.background-clip的默認值是border-boxC.background-position屬性相對于什么位置來定位D.background-clip屬性規定背景的繪制區域【正確答案】：A6.在下列的HTML中，哪個（

）是最大的標題？A、<h6>B、<head>C、<heading>D、<h1>【正確答案】：D7.在HTML5中不再支持<script>元素的哪個屬性？A、relB、hrefC、typeD、src【正確答案】：C8.在css3中，用（）規則來創建動畫？A、keyframesB、animationC、transformD、transition【正確答案】：A9.使用link元素調用CSS的語法中，以下哪個屬性是用來指定CSS文件的路徑的A、urlB、srcC、hrefD、以上都不對【正確答案】：C10.HTML5之前的HTML版本是？A、HTML4.01B、HTML4C、HTML4.1D、HTML4.9【正確答案】：A11.14.CSS3中flex-wrap屬性的默認值是（）A.NOWRAPB.noneC.warpD.wrap-reverse【正確答案】：A12.哪個屬性是CSS用來改變背景色的？A.background-colorB.bgcolorC.colorD.background-image【正確答案】：A13.定義HTML表格中的表頭單元格標記是（

）A、<table>B、<td>C、<tr>D、<th>【正確答案】：D14.22.行內標簽可以將display屬性設置為（）,更改為塊狀標簽A.blockB.inlineC.noneD.black【正確答案】：A15.CSS樣式background-repeat:repeat-x解釋正確的是（）A、背景圖片平鋪B、背景圖片垂直平鋪C、背景圖片垂直水平平鋪D、背景圖片不平鋪【正確答案】：C16.HTML中，關于下列代碼說法錯誤的是(

)<ahref="index.html"target="_blank">首頁</a>A、此標簽用來創建一個超鏈接B、目標窗口在當前窗口中打開C、超鏈接的連接地址是index.htmlD、超鏈接文本是"首頁“【正確答案】：B17.圖文混編場合一般應用（）塊級標簽A、div-ul(ol)-liB、div-dl-dt-ddC、div-table-tr-tdD、div-form-table-tr-td【正確答案】：B18.12.對于樣式規則transition:all3sease-in0.5s;描述錯誤的是（）A.3s表示過渡持續時間B.,0.5s指的是延遲時間C.,0.5s指的是過渡持續時間D.all表示全部屬性【正確答案】：C19.下列哪個標記嵌套結構是正確的？A、<strong></strong>B、<strong></strong>C、<strong></strong>D、<strong></strong>【正確答案】：C20.在HTML網頁中，若需要實現導航菜單，可使用以下（）塊狀結構來布局。A.div-ul-liB.div-dl-dt-ddC.div-table-tr-tdD.div-form-table-tr-td【正確答案】：A21.H7響應式布局中，視口的相關屬性設置，maximum-scale屬性的作用是A.

設置頁面的初始縮放值為一個數字，可以帶小數B.

允許用戶的最小縮放值為一個數字，可以帶小數C.

允許用戶的最大縮放值為一個數字，可以帶小數D.是否允許用戶進行縮放，值為“no”或“yes”【正確答案】：C22.35.關于縮放，描述錯誤的是（）A.scaleX:指定在水平方向上的縮放量B.scaleY:指定在垂直方向上的所放量C.scaleX(-1.0)表示元素繞X軸翻個面D.縮放的參數不能取負值【正確答案】：D23.哪項用來定義input的滑塊控件？A、searchB、controlsC、sliderD、range【正確答案】：D24.audio元素中src屬性的作用是？A、提供播放、暫停和音量控制B、循環播放C、指定播放音頻的存儲路徑D、插入一段替換內容【正確答案】：C25.如何在新窗口打開鏈接？（

）A、<ahref="url"new>B、<ahref="url"target="_blank">C、<ahref="url"target="_self">D、<ahref="url">【正確答案】：B26.32.關于動畫相關屬性,描述錯誤的是（）A.animation-name指定動畫名稱B.animation-iteration-count:指定動畫的播放次數,infinite表示只播放1次C.animation-delay指定動畫開始之前的延遲時間D.animation-duration表示動畫的持續時間【正確答案】：B27.如何制作電子郵件鏈接？（

）A、<ahref="xxx@yyy">B、<mailto:href="xxx@yyy">C、<ahref="mailto:xxx@yyy">D、<mail>xxx@yyy</mail>【正確答案】：C28.10.設置文本陰影的是哪個屬性（）A.border-shadowB.box-shadowC.text-shadowD.以上都不對【正確答案】：C29.在HTML中,若實現點擊超鏈接時,彈出一個新的網頁窗口,下列的(

)選項符合要求。A、<ahref="right.html"target="_blank">節目</a>B、<ahref="right.html"target="_self">節目</a>C、<ahref="right.html"target="_parent">節目</a>D、<ahref="right.html"target="_top">節目</a>【正確答案】：A30.HTML5中的<canvas>元素用于：A、顯示數據庫記錄B、操作MySQL中的數據C、繪制圖形D、創建可拖動的元素【正確答案】：C31.在css中，可以用于設置背景重復的屬性為（

）A、background-repeatB、background-attechmentC、background-colorD、background-image【正確答案】：A32.以下屬性描述錯誤的是？A、placeholder：提示信息B、required：必填C、require:必填D、disabled：禁用【正確答案】：C33.49.媒體查詢時需要設置設備名參數，下列（）不是設備名參數關鍵字。A.allB.printC.screenD.resolution【正確答案】：D34.36.對于線性漸變的描述，錯誤的是（）A.線性漸變沿著一個方向漸變B.方向top等價于0degC.方向bottom等價于180degD.方向left等價于90deg【正確答案】：D35.媒體查詢語法中，可用設備名參數“tv”表示的是（）A.

盲文B.

手持設備C.

電視D.

所有設備【正確答案】：C36.在HTML5中，視口定義在哪個標簽中A.<meta>B.<body>C.<html>D.<title>【正確答案】：A37.關于旋轉和傾斜，描述錯誤的是（）?A.rotate(45deg)表示順時針旋轉45度B.rotate(-45deg)表示逆時針旋轉45度C.skewX(20deg)表示水平傾斜20度D.skew(40deg,20deg)表示垂直傾斜40度，水平傾斜20度【正確答案】：D38.關于盒模型說法正確的是（

）A、margin屬性值不能為負值B、padding是盒子與盒子之間的間距C、margin是盒子內元素與邊框之間的間距D、border:1pxsolidred;表示的是盒子的4個邊框為1px的紅色實線【正確答案】：D39.37.對于樣式規則border-radius:10px20px5px;理解正確的是（）A.左上角度是10px,右上和左下角度都是20px,右下角度是5pxB.左上和右下角度是10px,左下角度是20px,右上角度是5pxC.左上角度是10px,右上和右下角度都是是20px,左下角度是5pxD.右上角度是10px,右下和左上角度都是是20px,左下角度是5px【正確答案】：A40.30.在css3中實現多列布局用于設置列的數量的屬性是（）A.columnsB.column-gapC.column-countD.column-fill【正確答案】：C41.下面行內元素轉換成塊元素的屬性正確的是（

）A、display：inline；B、display:inline-block;C、display:inherit;D、display:block;【正確答案】：D42.以下video對象的屬性，設置視頻音量的是A、currentSrcB、errorC、volumeD、muted【正確答案】：C43.在HTML5中，哪個屬性用來規定所輸入的字段是必填的？A、requiredB、formvalidateC、validateD、placeholder【正確答案】：A44.在css+div布局中，css的（）屬性用來指定相對瀏覽器窗口的固定距離A、absoluteB、fixedC、relativeD、static【正確答案】：B45.在頁面中看不見的表單元素是那種？A、<inputtype="password"/>B、<inputtype="radio"/>C、<inputtype="hidden"/>D、<inputtype="reset"/>【正確答案】：C46.媒體查詢語法中，可用設備名參數“projection”表示的是（）A.

演講B.

固定字母間距的網格媒體,比如電傳打印機C.

項目演示,比如幻燈片D.彩色電腦屏幕【正確答案】：C47.28.在HTML5中，哪個元素用于對表單中的元素進行分組（）A.<group>B.<header>C.<fieldset>D.<hgroup>【正確答案】：C48.43.關于選擇器下列說法錯誤的是（）A.divp{}選擇<div>元素內部的所有元素B.div>p{}選擇<div>元素內部的所有元素C.*{}選擇所有元素D.div,p{}選擇所有<div>元素和所有元素【正確答案】：B49.在HTML中，使用標簽插入圖像，下列選項關于的src屬性說法正確的是(

)。A、用來設置圖片文件的格式B、用來設置圖片文件所在的位置C、用來設置鼠標指向圖片時顯示的文字D、用來設置圖片周圍顯示的文字【正確答案】：B50.下列選項中，用于嵌套在<video>中，指定不同文件路徑的標簽是()A、<src>B、<sources>C、<srcs>D、<source>【正確答案】：B51.哪個HTML標簽定義內部樣式表？A.<style>B.<css>C.<script>D.<cssStyle>【正確答案】：A52.外部樣式表是使用哪個標簽引入的？A、linkB、importC、styleD、meta【正確答案】：A53.29.對于樣式規則box-shadow:inset0px0px10px15pxred;理解錯誤的是（）A.效果是外陰影B.水平和垂直方向偏移量都是0pxC.模糊半徑是10pxD.顏色是紅色【正確答案】：A54.在Css3中，以下（）不屬于justify-content屬性的可設置值。A.flex-start（默認值）:左對齊B.space-aroundC.centerD.column-reverse【正確答案】：D55.HTML5的正確doctype是？A、<!DOCTYPEhtml>B、<!DOCTYPEHTML5>C、<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML5.0//EN"D、"/TR/html5/strict.dtd">【正確答案】：A56.當圖像不能顯示時，可以用下列哪個屬性設置替換文本（）。A、faceB、titleC、altD、font【正確答案】：C57.下列css屬性，哪一項不屬于盒模型屬性（

）A、font屬性B、border屬性C、margin屬性D、padding屬性【正確答案】：A58.關于flex屬性說法錯誤的是A.flex屬性用于設置或檢索彈性盒模型對象的子元素如何分配空間B.flex屬性是flex-grow，flex-shrink和flex-basis屬性的簡寫屬性C.其默認值是01autoD.只要是塊級元素，都可以設置其flex實現空間的彈性分配【正確答案】：D59.26.如何將塊級元素轉換成行級元素（）A.display:noneB.display:blockC.display:flexD.display:inline【正確答案】：D60.創建最小的標題的文本標簽是：（

）A、</pre>B、<h1></h1>C、<h6></h6>D、<b></b>【正確答案】：C61.假設一個搜索結果展示頁面，需要把搜索關鍵詞高亮顯示，應該使用以下哪個HTML標簽？A、<em>B、<highlight>C、<mark>D、<bold>【正確答案】：C62.如果網頁顯示亂碼，那么應該修改哪個標記的內容？A、<html>B、<head>C、<meta>D、<body>【正確答案】：C63.8.對于樣式規則background:linear-gradient(toright,red50%,green50%);錯誤的是（）A.背景是線性漸變B.線性漸變的顏色從紅色過渡到綠色C.紅色和綠色之間沒有過渡D.紅色和綠色各占50%【正確答案】：C64.在HTML5中，有關變換的說法錯誤的是A.變換是使元素改變形狀、尺寸和位置的一種效果B.CSS3中的變換主要通過transform屬性和transform-origin屬性實現C.CSS3縮放變換包含scale(X,Y)和scaleX(n)2個方法D、translate屬性用于指定在水平和垂直兩個方向上平移元素【正確答案】：C65.圖象標記的哪個屬性是用來設置圖像路徑的？（

）A、srcB、alignC、altD、title【正確答案】：A66.27.對于樣式規則background:radial-gradient(red,green,blue);理解正確的是（）A.背景是不重復的線性漸變B.背景是重復的徑向漸變C.背景顏色從紅色過渡到綠色再過渡到藍色D.背景色在紅色，綠色和藍色三者之間重復的過渡【正確答案】：C67.33.使用border-collapse屬性設置為（）實現細邊框效果A.separateB.inheritC.collapseD.solid【正確答案】：C68.下列不屬于CSS選擇器的是？A、屬性選擇器B、偽類選擇器C、兄弟選擇器D、否定選擇器【正確答案】：D69.CSS3中新出現的多列布局是傳統塊狀布局模式的有力擴充，使用column-count屬性的意義是（）。A.指定列數B.指定內容在列與列之間的分布方式C.指定列之間的距離D.指定元素橫向能跨多少列【正確答案】：A70.background-size用來定義？A、背景圖的尺寸B、背景圖的位置C、背景的顏色D、背景的繪制區域【正確答案】：A71.下列選項中，用來表示通配符選擇器的符號是（）A、“*”號B、“#”號C、“,”號D、“:”號【正確答案】：A72.添加圖片的標簽是（

）A、B、<image>C、D、【正確答案】：A73.44.下面哪個方法可以去掉文本超鏈接的下劃線（）A.a{text-decoration:nounderline;}B.a{underline:none;}C.a{text-decoration:none;}D、a{decoration:nounderline;}【正確答案】：C74.若要在頁面中創建一個圖形超鏈接，要顯示的圖形為myhome.jpg，所鏈接的地址為，以下用法中，正確的是（

）。A、<ahref="">B、<ahref=""></a>C、<ahref=""></a>D、<ahref="">myhome.jpg</a>【正確答案】：B75.31.CSS3中flex-direction屬性的默認值是（）A.noneB.rowC.columnD.initial【正確答案】：B76.在HTML網頁中，若需要實現圖文混編的效果，可使用以下（）塊狀結構來布局。A.div-ul-liB.div-dl-dt-ddC.div-table-tr-tdD.div-form-table-tr-td【正確答案】：B77.5.CSS3中關于漸變的說法錯誤的是（）A.CSS3徑向漸變是圓形或橢圓形漸變B.徑向漸變顏色不再沿著一條直線軸變化，而是從一個起點朝所有方向混合C.漸變中angle角度是指水平線和漸變線之間的角度，按順時針方向計算D.CSS3定義了兩種類型的漸變:線性漸變和徑向漸變【正確答案】：C78.哪個屬性用來表示線性漸變（）?A.radial-gradientB.radialC.linear-gradientD.linear【正確答案】：C79.在HTML文檔中，引入外部樣式表正確的是？A、文檔的末尾B、<head>部分C、文檔的頂部D、<body>部分【正確答案】：B80.對于徑向漸變的描述，錯誤的是（）?A.

徑向漸變為某個點為中心，然后向四面八方漸變B.默認效果為ellipseC.默認效果為circleD.closest-side表示最近邊【正確答案】：C81.41.一般網站開發的基本流程包括內容分析、結構設計、原型設計、方案設計、（）、視覺設計和交互設計七個步驟。A.圖片設計B.布局設計C.圖片裁剪D.結構調整【正確答案】：B82.以下()不能作為input的type值？A、colorB、textC、controlsD、email【正確答案】：C83.對于html，以下結構符合規范的是(

)A、<html><head><body></html>B、<html><head><body></body></head></html>C、<html><head></head><body></body></html>D、<html><head><body></head></body></html>【正確答案】：C84.對于border-image的填充方式的用法，說法錯誤的是（）?A.stretch指定用拉伸方式來填充邊框背景圖B.repeat指定用平鋪方式來填充邊框背景圖,當圖片碰到邊界時,如果超過則被截斷C.round指定用平鋪方式來填充邊框背景圖,圖片會根據邊框的尺寸動態調整圖片的大小直至正好可以鋪滿整個邊框D.space和repeat的效果相同【正確答案】：D85.下列不屬于css3動畫效果是？A、過渡B、浮動C、動畫D、變形【正確答案】：B86.下面哪個優先級最高？A、#boxB、.boxC、div.boxD、style="color:red"【正確答案】：D87.21.在CSS3中新增的box-shadow屬性說法錯誤的是（）A.box-shadow屬性用于給元素塊添加周邊陰影效果B.x-offset:陰影水平偏移量，其值只能正值C.y-offset:陰影垂直偏移量，其值也可以是正負值D.陰影模糊半徑值越大陰影的邊緣就越模糊【正確答案】：B88.在HTML網頁中，用來定義有序列表的標簽是（

）A、dlB、ulC、olD、li【正確答案】：C89.23.HTML5不支持的視頻格式是（）。A.oggB.mp4C.flvD.WebM【正確答案】：C90.19.下列關于視口的屬性描述錯誤的是（）A.width:設置layoutviewport的寬度只能是一個正整數B.height:設置layoutviewport的高度為一個正整數或字符串“height-device”C.user-scalable:是否允許用戶進行縮放，值為“no”或“yes”。no代表不允許，yes代表允許D.initial-scale:設置頁面的初始縮放值為一個數字，可以帶小數【正確答案】：A91.6.在HTML5中，有關關鍵幀屬性的描述，錯誤的是（）A.animation-delay:指定動畫開始之前的延遲時間B.animation-direction:指定動畫循環播放的時間是否反向播放過渡的持續時間C.animation-name:指定動畫名稱D.animation-duration:指定動畫循環播放的時間是否反向播放過渡的持續時間【正確答案】：D92.在頁面加載時，可以使用（）標簽設置瀏覽器的視口的寬度A.

headB.

metaC.

viewportD.

device-width【正確答案】：B93.下列那項技術可以用于幫助網頁設計時使頁面具有統一、專業的外觀（）A、HTMLB、DHTMLCSSD、URL【正確答案】：C94.樣式表定義.outer{background-color:yellow;}表示（）A.網頁中某一個id為outer的元素的背景色是黃色的B.網頁中含有class="outer"的元素的背景色是黃色的C.網頁中元素名為outer元素的背景色是黃色的D.以上任意一個都可以【正確答案】：B95.box-shadow用來設置？A、盒子的邊框B、盒子的背景C、盒子的陰影效果D、圓角邊框【正確答案】：C96.15.設置邊框陰影的是哪個屬性（）A.border-shadowB.box-shadowC.text-shadowD.以上都不對【正確答案】：B97.在標準文檔流中，塊級元素默認的排列順序是（），行內元素默認的排列順序是（）。A.從上到下，從上到下B.從上到下，從左到右C.從左到右，從上到下D.從左到右，從左到右【正確答案】：B98.已知一個盒子的寬度為130px，左邊框是5px實線，右邊框為0px，左外邊距為10px，右外邊距為12px，左內邊距為1px，右內邊距為25px，下列盒子尺寸正確的是（

）A、130pxB、156pxC、183pxD、168px【正確答案】：C99.17.對于樣式規則border-radius:10px20px;理解正確的是（）A.左上和左下角度都是10px,右上和右下角度都是20pxB.左上和右下角度都是10px,右上和左下角度都是20pxC.左上和右上角度都是10px,右下和左下角度都是20pxD.左上和右下角度都是20px,右上和左下角度都是10px【正確答案】：B100.在HTML5中，border-radius屬性可以用來設置()網頁效果A.給HTML元素添加陰影B.給HTML元素添加圓角C.設置HTML元素邊框為虛線D.設置HTML元素邊框為波浪線【正確答案】：B1.關于justify-content屬性說法正確的是A.flex-start（默認值）:左對齊B.center:居中C.space-around:各種間隔的間距一致。D.flex-end：右對齊【正確答案】：ABD2.以下哪些是塊級元素的特征()A、高度不可控B、寬度可控制C、塊級元素不能轉行級元素D、它可以容納內聯元素和其他塊元素【正確答案】：BD3.CSS3中過渡屬性transition-timing-function的值包括哪些A.easeB.inlineC.ease-inD.easeout【正確答案】：AC4.請選擇產生粗體字的HTML標簽：（

）A、<strong>B、<bb>C、<b>D、<bld>【正確答案】：AC5.使用柵格系統布局時，描述正確的是（）A.柵格系統布局不能實現自適應效果B.將整個頁面看成多個行和多個列組成的網格結構C.彈性布局不能在柵格系統布局中實現D、現代的頁面設計中會使用柵格系統來簡化布局實【正確答案】：BD6.下列可以設置背景樣式的屬性有（）A.background-clipB.backgdC.background-originD.bkground【正確答案】：AC7.CSS中常用的選擇器包括A.類選擇器B.id選擇器C.顏色選擇器D.標簽選擇權【正確答案】：ABD8.彈性布局一般由哪兩個部分組成A.彈性布局的容器B.容器C.子元素D.彈性布局的伸縮項目【正確答案】：AD9.響應式布局的優點是什么A.面對不同分辨率設備時，靈活性較強B.能夠快捷解決多設備顯示適應問題C.設置復雜不便于維護D.通用性不強【正確答案】：AB10.下列選項中，屬于引入CSS樣式表的方式是（）。A、行內式B、內部式C、外鏈式D、旁引式【正確答案】：ABC11.CSS3中flex-flow屬性是哪兩個屬性的復合屬性A.flex-directionB.flex-wrapC.flexD.display【正確答案】：AB12.響應式設計使用百分比布局創建流動的彈性界面，以下屬于響應式我那工業布局優點的是（）A、面對不同分辨率設備時，靈活性較強B、能夠快捷解決多設備顯示適應問題C、一定程度上改變了網站原有的布局結構，但不會出現用戶混淆的情況D、代碼簡潔，加載時間加短【正

溫馨提示

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

評論

0/150

提交評論