web前端測試（四）
1. 以下那個屬性用來定義動畫執行時間（） [單選題] *
| A、animation-name（名字） @keyfr…. |
| B、animation-duration （持續的時間，動畫開始到結束） |
| C、animation-timing-function（先快后慢，勻速） |
| D、animation-delay （延遲） |
2. 以下那個屬性可以用來控制動畫執行的次數（） [單選題] *
| A、animation-state（狀態：暫停和播放） |
| B、animation-duration |
| C、animation-iteration-count（次數） |
| D、animation-delay |
3. 在編寫代碼過程中關鍵幀@keyframes的名字需要和那個屬性值對應（） [單選題] *
| A、animation-name |
| B、animation-duration |
| C、animation-timing-function |
| D、animation-delay |
4. 以下那個屬性用來定義動畫延遲的時間（） [單選題] *
| A、animation-name |
| B、animation-duration |
| C、animation-timing-function |
| D、animation-delay |
5. 以下那個屬性用來定義過渡執行的時間（） [單選題] *
| A、transition-property（屬性，那個屬性有變化，將會觸發過渡，with,all） |
| B、transition-duration() |
| C、transition-timing-function |
| D、transition-delay |
6. 以下那個屬性用來定義過渡屬性（） [單選題] *
| A、transition-property |
| B、transition-duration |
| C、transition-timing-function |
| D、transition-delay |
7. 以下那個屬性用來設置盒子的過渡（） [單選題] *
| A、Transform(變形) |
| B、Transition（過渡） |
| C、Animation（動畫） |
| D、Form |
8. 以下那個屬性值表示background-clip背景的繪制區域是從邊框開始的（） [單選題] *
| A、padding-box |
| B、border-box |
| C、border |
| D、content-box |
9. 以下那個屬性用來設置盒子的變形（） [單選題] *
| A、Transform |
| B、Transition |
| C、Animation |
| D、border-radius |
10. 設置以下那個屬性后，在瀏覽器運行的時候可以調整盒子尺寸（） [單選題] *
| A、shadow-box |
| B、border-radius(圓角) |
| C、box-shadow（陰影） |
| D、resize |
11. 下述有關css屬性position的屬性值的描述，說法正確的是？（） *
| A、static：沒有定位，元素出現在正常的流中 |
| B、fixed：生成絕對定位的元素，相對於父元素進行定位(固定) |
| C、relative：生成相對定位的元素，相對於元素本身正常位置進行定位。 |
| D、absolute：生成絕對定位的元素，相對於 static 定位以外的第一個祖先元素進行定位。
|
12. 下列哪個樣式定義后,內聯(非塊狀)元素可以定義寬度和高度（） [單選題] *
| A、display:inline |
| B、display:block |
| C、display:none |
| D、display:inherit |
13. 以下哪個CSS屬性是繼承屬性(inherited)？（） [單選題] *
| A、vertical-align |
| B、background-color |
| C、text-indent |
| D、justify-content |
14. 下面哪個優先級最高？（） [單選題] *
| A、ID選擇器的樣式 |
| B、HTML元素選擇器，偽元素選擇器 |
| C、類選擇器、屬性選擇器 |
| D、HTML元素的內聯樣式 |
15. CSS 樣式，通過設置左和右 ____ ，可以把塊元素調整到中間位置。（） [單選題] *
| A、邊距為auto |
| B、邊距為50% |
| C、邊距為none |
| D、邊距為center |
16. 以下標簽為換行符的是（） [單選題] *
| A、<hr> |
| B、<br/> |
| C、<p> |
| D、<div> |
17. 顯示結果是為如下超鏈接的HTML語句是（） [單選題] *
| A、<a href=”翻蓋手機”>test</a> |
| B、<a href=”test1.htm” title=’’>翻蓋手機</a> |
| C、<a name=”test1.htm”>翻蓋手機</a> |
| D、<a name=”翻蓋手機”>test</a> |
18. 下述有關css屬性position的屬性值的描述，說法錯誤的是？（） [單選題] *
| A、static：沒有定位，元素出現在正常的流中 |
| B、fixed：生成絕對定位的元素，相對於父元素進行定位 |
| C、relative：生成相對定位的元素，相對於元素本身正常位置進行定位。 |
| D、absolute：生成絕對定位的元素，相對於 static 定位以外的第一個祖先元素進行定位。 |
19. 根據規范，哪些標簽不是 HTML 5 的語義化標簽？（） [單選題] *
| A、header(頭) |
| B、section（段落） |
| C、marquee（跑馬燈） |
| D、article（文檔，文章） |
20. 以下那個屬性用來定義動畫執行函數（） [單選題] *
| A、animation-name |
| B、animation-duration |
| C、animation-timing-function |
| D、animation-delay |
21. 以下那個屬性用來定義過渡函數(先快后慢，還是勻速)（） [單選題] *
| A、transition-property |
| B、transition-duration |
| C、transition-timing-function |
| D、transition-delay |
22. 以下偽元素選擇器那個描述的是當前處於可用狀態的元素（） [單選題] *
| A、:enabled |
| B、:disabled（禁用，不可用） |
| C、:checked（選中） |
| D、::selection（） |
23. 以下那個屬性值表示background-origin背景圖片的定位區域是從內容開始的（） [單選題] *
| A、padding-box |
| B、border-box |
| C、border |
| D、content-box |
24. 以下那個屬性用來設置背景圖片大小（） [單選題] *
| A、background-image(圖片) |
| B、background-clip(繪制區域) |
| C、background-origin（背景圖片開始的位置） |
| D、background-size（背景大小） |
25. 以下那個表示的旋轉變形（） [單選題] *
| A、translate（位移） |
| B、rotate（旋轉） |
| C、scale（縮放） |
| D、skew（傾斜） |
26. 以下那個表示的縮放變形（） [單選題] *
| A、translate |
| B、rotate |
| C、scale |
| D、skew |
27. 以下那個屬性用來設置盒子的動畫（） [單選題] *
| A、Transform（變形） |
| B、Transition（過渡） |
| C、Animation |
| D、Form |
28. 盒子div的寬度和高度均為100px，設置border-radius為（）盒子變成一個圓 [單選題] *
| A、100px |
| B、50px |
| C、25px |
| D、200px |
29. 在HTML5中，哪個元素可以對頁面的標題進行分組（） [單選題] *
| A、address元素（地址） |
| B、hgroup元素 |
| C、section元素（段落） |
| D、nav元素（導航） |
30. 下面不屬於css插入形式的是（） [單選題] *
| A、索引式 |
| B、內聯式 |
| C、外部式 |
| D、內部式 |
31. 有<ul><li>1</li><li>2</li><li>3</li></ul>代碼，下列哪些選項可以選中內容是“1”標簽（） *
<ul>
1<li>1</li>
2<li>2</li>
3<li>3</li>
</ul>
| A、li:first-child |
| B、li:first-of-type |
| C、li:nth-child(1) |
| D、li:nth-child(0) |
| E、li:nth-of-type(1) |
32. 設置樣式[title*=t1]{color: red;}，以下那些選項標簽內容“華點軟件學院”是紅色的？（） *
| A、<div title="t1 t2">華點軟件學院</div> |
| B、<div title="t1">華點軟件學院</div> |
| C、<div title="t2">華點軟件學院</div> |
| D、<div>華點軟件學院</div> |
33. 設置樣式[title]{color: red;}，以下那些選項標簽內容“華點軟件學院”是紅色的？（） *
| A、<div title="t1 t2">華點軟件學院</div> |
| B、<div title="t1">華點軟件學院</div> |
| C、<div title="t2">華點軟件學院</div> |
| D、<div>華點軟件學院</div> |
34. background-clip可能包含的屬性值有哪些（） *
| A、padding-box |
| B、border-box |
| C、border |
| D、content-box |
35. 添加樣式的方式有（） *
| A、內聯式：即直接加在標簽上的樣式 如:<div style="width:100px;"></div> |
| B、導入樣式：@import url("css/style.css") |
| C、嵌入式：即用<style>.classname {width: 100px;}</style>標簽括起來寫在頁面中的樣式 |
| D、外部引用式：即將樣式單獨放到一個文件夾中，然后用link標簽引入頁面的形式，如：<link rel="stylesheet" type="text/css" href="Css.css" /> |
36. 需要創建一個多選框，且和文本關聯起來(單擊文本就像單擊核選框一樣)。下列 HTML 代碼中，正確的是？（） *
| A、<label><input type="checkbox" />記住我</label> |
| B、<input type="checkbox" /><label for="checkbox">記住我</label> |
| C、<input type="checkbox" id="c1" /><label>記住我</label> |
| D、<input type="checkbox" id="c1" /><label for="c1">記住我</label> |
37. 下面有關html5標簽說法正確的有？（） *
| A、<audio>標簽定義聲音，比如音樂或其他音頻流 |
| B、<canvas> 比如來自一個外部的新聞提供者的一篇新的文章，或者來自 blog的文本，或者是來自論壇的文本。亦或是來自其他外部源內容 |
| C、<menu> 標簽定義菜單列表。當希望列出表單控件時使用該標簽 |
| D、<embed> 標簽定義了一個容器，用來嵌入外部應用或者互動程序(插件) |
38. 關於a元素，以下說法正確的有：（） *
| A、a元素必須具有href屬性 |
| B、a元素的target屬性可以指向一個具名的窗口或iframe |
| C、當a元素的rel屬性具有多個值時，使用空格“ ”分隔 |
| D、a元素的href屬性必須是目標url的絕對路徑 |
39. 布局的描述，正確的是？（） * *
| A、塊級元素實際占用的寬度與它的 width 屬性有關； |
| B、塊級元素實際占用的寬度與它的 border 屬性有關； |
| C、塊級元素實際占用的寬度與它的 padding 屬性有關； |
| D、塊級元素實際占用的寬度與它的 background 屬性有關。 |
40. 以下選項正確的是（） * *
| A、<p /> |
| B、<br /> |
| C、<hr /> |
| D、<img /> |
41. css中哪些屬性可以繼承（） * *
| A、font-size |
| B、color |
| C、font-family |
| D、border |
42. <input>元素的type屬性的取值可以是（） *
| A、image 、file |
| B、checkbox |
| C、button |
| D、select |
43. 下面哪些是HTML5 新增的表單元素？（） *
| A、datalist |
| B、optgroup,select中使用 |
| C、output |
| D、legend |
44. 以下（）是行內塊級元素 *
| A、div |
| B、img |
| C、input |
| D、p |
45. css中哪些屬性可以繼承（） *
| A、font-size |
| B、color |
| C、font-family |
| D、border |
46. transiton和animation是一樣的，沒有區別 [單選題] *
| A、對 |
| B、錯 |
47. transiton縮寫的簡寫方式：transiton: 過渡屬性 過渡所需要時間 過渡動畫函數 過渡延遲時間； [單選題] *
| A、對 |
| B、錯 |
48. animation只能定義開始狀態和結束狀態 [單選題] *
| A、對 |
| B、錯 |
49. 選擇器p>span表示，選中p元素所有的后代span子元素 [單選題] *（直接后代）
| A、對 |
| B、錯 |
50. scale（縮放）表示的旋轉變形 [單選題] *
| A、對 |
| B、錯 |