CSS基礎(chǔ)知識(shí)單選題100道及答案

CSS基礎(chǔ)知識(shí)單選題100道及答案1.在CSS中，用于設(shè)置元素背景顏色的屬性是（）A.colorB.background-colorC.border-colorD.text-color答案：B2.以下哪個(gè)CSS選擇器用于選擇所有元素（）A.*B.#C..D.[]答案：A3.CSS中用于設(shè)置元素寬度的屬性是（）A.heightB.widthC.sizeD.length答案：B4.要設(shè)置元素的內(nèi)邊距，應(yīng)該使用的CSS屬性是（）A.marginB.paddingC.borderD.outline答案：B5.以下哪個(gè)屬性用于設(shè)置文本的字體（）A.font-familyB.font-sizeC.font-weightD.font-style答案：A6.在CSS中，用于設(shè)置文本顏色的屬性是（）A.background-colorB.colorC.border-colorD.outline-color答案：B7.要設(shè)置元素的邊框樣式，應(yīng)該使用的CSS屬性是（）A.border-styleB.border-widthC.border-colorD.border-radius答案：A8.CSS中用于設(shè)置元素的外邊距的屬性是（）A.paddingB.marginC.borderD.outline答案：B9.以下哪個(gè)選擇器用于選擇具有特定類名的元素（）A.#B..C.*D.[]答案：B10.用于設(shè)置元素的文本對(duì)齊方式的CSS屬性是（）A.text-alignB.text-decorationC.text-transformD.text-indent答案：A11.CSS中用于設(shè)置元素的浮動(dòng)屬性是（）A.floatB.clearC.positionD.display答案：A12.要設(shè)置元素的顯示方式為塊級(jí)元素，應(yīng)該使用的CSS屬性值是（）A.inlineB.blockC.inline-blockD.none答案：B13.以下哪個(gè)屬性用于設(shè)置元素的透明度（）A.opacityB.visibilityC.displayD.z-index答案：A14.在CSS中，用于設(shè)置元素的定位方式的屬性是（）A.floatB.clearC.positionD.display答案：C15.要設(shè)置元素相對(duì)于其父元素進(jìn)行定位，應(yīng)該使用的定位值是（）A.staticB.relativeC.absoluteD.fixed答案：B16.以下哪個(gè)屬性用于設(shè)置元素的堆疊順序（）A.opacityB.visibilityC.displayD.z-index答案：D17.CSS中用于清除浮動(dòng)的屬性是（）A.floatB.clearC.positionD.display答案：B18.要設(shè)置元素的文本裝飾效果（如下劃線、刪除線等），應(yīng)該使用的CSS屬性是（）A.text-alignB.text-decorationC.text-transformD.text-indent答案：B19.以下哪個(gè)屬性用于設(shè)置文本的大小寫轉(zhuǎn)換（）A.text-alignB.text-decorationC.text-transformD.text-indent答案：C20.用于設(shè)置元素的文本縮進(jìn)的CSS屬性是（）A.text-alignB.text-decorationC.text-transformD.text-indent答案：D21.CSS中用于設(shè)置元素的邊框?qū)挾鹊膶傩允牵ǎ〢.border-styleB.border-widthC.border-colorD.border-radius答案：B22.要設(shè)置元素的邊框顏色，應(yīng)該使用的CSS屬性是（）A.border-styleB.border-widthC.border-colorD.border-radius答案：C23.以下哪個(gè)屬性用于設(shè)置元素的邊框圓角（）A.border-styleB.border-widthC.border-colorD.border-radius答案：D24.在CSS中，用于設(shè)置元素的盒模型屬性是（）A.box-sizingB.box-shadowC.box-decoration-breakD.box-flex答案：A25.要設(shè)置元素的陰影效果，應(yīng)該使用的CSS屬性是（）A.box-sizingB.box-shadowC.box-decoration-breakD.box-flex答案：B26.以下哪個(gè)屬性用于設(shè)置元素在不同斷點(diǎn)下的樣式（）A.@mediaB.@keyframesC.@font-faceD.@import答案：A27.CSS中用于創(chuàng)建動(dòng)畫的規(guī)則是（）A.@mediaB.@keyframesC.@font-faceD.@import答案：B28.要引入外部字體，應(yīng)該使用的CSS規(guī)則是（）A.@mediaB.@keyframesC.@font-faceD.@import答案：C29.以下哪個(gè)屬性用于導(dǎo)入外部CSS文件（）A.@mediaB.@keyframesC.@font-faceD.@import答案：D30.在CSS中，用于設(shè)置元素的過渡效果的屬性是（）A.transitionB.transformC.animationD.filter答案：A31.要對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放等變換操作，應(yīng)該使用的CSS屬性是（）A.transitionB.transformC.animationD.filter答案：B32.以下哪個(gè)屬性用于設(shè)置元素的濾鏡效果（）A.transitionB.transformC.animationD.filter答案：D33.CSS中用于設(shè)置元素的彈性布局的屬性是（）A.display:flex;B.display:grid;C.display:block;D.display:inline;答案：A34.要設(shè)置元素的網(wǎng)格布局，應(yīng)該使用的CSS屬性是（）A.display:flex;B.display:grid;C.display:block;D.display:inline;答案：B35.以下哪個(gè)屬性用于設(shè)置彈性容器中項(xiàng)目的對(duì)齊方式（）A.justify-contentB.align-itemsC.align-contentD.flex-direction答案：A36.在彈性布局中，用于設(shè)置項(xiàng)目在交叉軸上的對(duì)齊方式的屬性是（）A.justify-contentB.align-itemsC.align-contentD.flex-direction答案：B37.以下哪個(gè)屬性用于設(shè)置彈性容器中多行項(xiàng)目的對(duì)齊方式（）A.justify-contentB.align-itemsC.align-contentD.flex-direction答案：C38.要設(shè)置彈性容器中項(xiàng)目的排列方向，應(yīng)該使用的CSS屬性是（）A.justify-contentB.align-itemsC.align-contentD.flex-direction答案：D39.CSS中用于設(shè)置網(wǎng)格容器中項(xiàng)目的列間距的屬性是（）A.grid-column-gapB.grid-row-gapC.grid-gapD.grid-template-columns答案：A40.要設(shè)置網(wǎng)格容器中項(xiàng)目的行間距，應(yīng)該使用的CSS屬性是（）A.grid-column-gapB.grid-row-gapC.grid-gapD.grid-template-columns答案：B41.以下哪個(gè)屬性用于同時(shí)設(shè)置網(wǎng)格容器中項(xiàng)目的行間距和列間距（）A.grid-column-gapB.grid-row-gapC.grid-gapD.grid-template-columns答案：C42.在網(wǎng)格布局中，用于定義網(wǎng)格列的屬性是（）A.grid-column-gapB.grid-row-gapC.grid-gapD.grid-template-columns答案：D43.CSS中用于設(shè)置元素的響應(yīng)式布局的單位是（）A.pxB.emC.remD.vw/vh答案：D44.以下哪個(gè)單位是相對(duì)于父元素的字體大?。ǎ〢.pxB.emC.remD.vw/vh答案：B45.要設(shè)置相對(duì)于根元素字體大小的單位，應(yīng)該使用（）A.pxB.emC.remD.vw/vh答案：C46.CSS中用于設(shè)置元素的固定定位的屬性值是（）A.staticB.relativeC.absoluteD.fixed答案：D47.以下哪個(gè)選擇器用于選擇元素的第一個(gè)子元素（）A.:first-childB.:last-childC.:nth-childD.:only-child答案：A48.要選擇元素的最后一個(gè)子元素，應(yīng)該使用的選擇器是（）A.:first-childB.:last-childC.:nth-childD.:only-child答案：B49.CSS中用于選擇元素的第n個(gè)子元素的選擇器是（）A.:first-childB.:last-childC.:nth-childD.:only-child答案：C50.以下哪個(gè)選擇器用于選擇只有一個(gè)子元素的元素（）A.:first-childB.:last-childC.:nth-childD.:only-child答案：D51.在CSS中，用于設(shè)置元素的鼠標(biāo)懸停效果的偽類是（）A.:hoverB.:activeC.:focusD.:visited答案：A52.要設(shè)置元素被點(diǎn)擊時(shí)的效果，應(yīng)該使用的偽類是（）A.:hoverB.:activeC.:focusD.:visited答案：B53.以下哪個(gè)偽類用于設(shè)置元素獲得焦點(diǎn)時(shí)的樣式（）A.:hoverB.:activeC.:focusD.:visited答案：C54.CSS中用于設(shè)置鏈接被訪問后的樣式的偽類是（）A.:hoverB.:activeC.:focusD.:visited答案：D55.要設(shè)置元素在未被訪問時(shí)的樣式，應(yīng)該使用的偽類是（）A.:linkB.:hoverC.:activeD.:visited答案：A56.以下哪個(gè)屬性用于設(shè)置元素的內(nèi)容生成（）A.contentB.counter-incrementC.counter-resetD.quotes答案：A57.CSS中用于創(chuàng)建計(jì)數(shù)器的屬性是（）A.contentB.counter-incrementC.counter-resetD.quotes答案：B58.要重置計(jì)數(shù)器的值，應(yīng)該使用的CSS屬性是（）A.contentB.counter-incrementC.counter-resetD.quotes答案：C59.以下哪個(gè)屬性用于設(shè)置引用內(nèi)容的引號(hào)樣式（）A.contentB.counter-incrementC.counter-resetD.quotes答案：D60.在CSS中，用于設(shè)置元素的頁面布局的屬性是（）A.break-beforeB.break-afterC.break-insideD.以上都是答案：D61.要設(shè)置元素在頁面之前強(qiáng)制分頁，應(yīng)該使用的CSS屬性是（）A.break-beforeB.break-afterC.break-insideD.以上都不是答案：A62.以下哪個(gè)屬性用于設(shè)置元素在頁面之后強(qiáng)制分頁（）A.break-beforeB.break-afterC.break-insideD.以上都不是答案：B63.CSS中用于設(shè)置元素內(nèi)部是否允許分頁的屬性是（）A.break-beforeB.break-afterC.break-insideD.以上都不是答案：C64.要設(shè)置元素的打印樣式，應(yīng)該使用的CSS規(guī)則是（）A.@mediaprintB.@mediascreenC.@mediaallD.@mediaspeech答案：A65.以下哪個(gè)CSS規(guī)則用于設(shè)置屏幕顯示的樣式（）A.@mediaprintB.@mediascreenC.@mediaallD.@mediaspeech答案：B66.在CSS中，用于設(shè)置元素的語音樣式的規(guī)則是（）A.@mediaprintB.@mediascreenC.@mediaallD.@mediaspeech答案：D67.以下哪個(gè)屬性用于設(shè)置元素的文字間距（）A.letter-spacingB.word-spacingC.line-heightD.text-indent答案：A68.要設(shè)置元素的單詞間距，應(yīng)該使用的CSS屬性是（）A.letter-spacingB.word-spacingC.line-heightD.text-indent答案：B69.CSS中用于設(shè)置元素的行高的屬性是（）A.letter-spacingB.word-spacingC.line-heightD.text-indent答案：C70.以下哪個(gè)屬性用于設(shè)置元素的列表樣式類型（）A.list-style-typeB.list-style-imageC.list-style-positionD.list-style答案：A71.要設(shè)置列表項(xiàng)的標(biāo)記圖像，應(yīng)該使用的CSS屬性是（）A.list-style-typeB.list-style-imageC.list-style-positionD.list-style答案：B72.CSS中用于設(shè)置列表項(xiàng)標(biāo)記位置的屬性是（）A.list-style-typeB.list-style-imageC.list-style-positionD.list-style答案：C73.以下哪個(gè)屬性用于同時(shí)設(shè)置列表項(xiàng)的樣式類型、標(biāo)記圖像和標(biāo)記位置（）A.list-style-typeB.list-style-imageC.list-style-positionD.list-style答案：D74.在CSS中，用于設(shè)置表格邊框合并的屬性是（）A.border-collapseB.border-spacingC.empty-cellsD.table-layout答案：A75.要設(shè)置表格單元格之間的間距，應(yīng)該使用的CSS屬性是（）A.border-collapseB.border-spacingC.empty-cellsD.table-layout答案：B76.以下哪個(gè)屬性用于設(shè)置表格中空白單元格的顯示方式（）A.border-collapseB.border-spacingC.empty-cellsD.table-layout答案：C77.CSS中用于設(shè)置表格布局算法的屬性是（）A.border-collapseB.border-spacingC.empty-cellsD.table-layout答案：D78.要設(shè)置元素的垂直對(duì)齊方式，應(yīng)該使用的CSS屬性是（）A.vertical-alignB.text-alignC.align-itemsD.justify-content答案：A79.以下哪個(gè)屬性用于設(shè)置元素的光標(biāo)樣式（）A.cursorB.pointer-eventsC.user-selectD.outline答案：A80.CSS中用于設(shè)置元素是否可被用戶選擇的屬性是（）A.cursorB.pointer-eventsC.user-selectD.outline答案：C81.要設(shè)置元素是否響應(yīng)指針事件，應(yīng)該使用的CSS屬性是（）A.cursorB.pointer-eventsC.user-selectD.outline答案：B82.以下哪個(gè)屬性用于設(shè)置元素的輪廓樣式（）A.cursorB.pointer-eventsC.user-selectD.outline答案：D83.在CSS中，用于設(shè)置元素的文本溢出處理方式的屬性是（）A.text-overflowB.white-spaceC.word-wrapD.overflow答案：A84.要設(shè)置元素內(nèi)的空白字符處理方式，應(yīng)該使用的CSS屬性是（）A.text-overflowB.white-spaceC.word-wrapD.overflow答案：B85.CSS中用于設(shè)置長(zhǎng)單詞是否換行的屬性是（）A.text-overflowB.white-spaceC.word-wrapD.overflow答案：C86.以下哪個(gè)屬性用于設(shè)置元素的內(nèi)容溢出處理方式（）A.text-overflowB.white-spaceC.word-wrapD.overflow答案：D87.要設(shè)置元素的背景圖像，應(yīng)該使用的CSS屬性是（）A.background-colorB.background-imageC.background-repeatD.background-position答案：B88.CSS中用于設(shè)置背景圖像是否重復(fù)的屬性是（）A.background-colorB.background-imageC.background-repeatD.background-position答案：C89.用于設(shè)置背景圖像位置的CSS屬性是（）A.background-colorB.background-imageC.background-repeatD.background-position答案：D90.要設(shè)置背景圖像的固定附著方式（即不隨頁面滾動(dòng)而移動(dòng)），應(yīng)使用的屬性值是（）A.scrollB.fixedC.localD.inherit答案：B91.以下哪個(gè)CSS屬性用于設(shè)置背景圖像的大?。ǎ〢.background-sizeB.background-originC.background-clipD.background-blend-mode答案：A92.用于定義背景圖像的繪制區(qū)域起始位置的屬性是（）A.background-sizeB.background-originC.background-clipD.background-blend-mode答案