CSS理論習(xí)題附有答案

CSS理論習(xí)題[復(fù)制]您的姓名：[填空題]*請輸入自己真實姓名，否則答題無效。_________________________________1.在css中，設(shè)置背景圖像的代碼正確的是。（）[單選題]*A、background-image:src(img/41.jpg)B、background-image:url(img/41.jpg)(正確答案)C、background-img:url(img/41.jpg)D、background-img:src(img/41.jpg)答案解析：background-image背景屬性1、為元素設(shè)置背景圖像。2、元素的背景占據(jù)了元素的全部尺寸，包括內(nèi)邊距和邊框，但不包括外邊距。B選項background-image屬性的屬性值必須帶url這個關(guān)鍵詞，表示圖像的來源。2.給某段文字設(shè)置下劃線，應(yīng)該設(shè)置什么屬性?（）[單選題]*A、text-transformB、text-alignC、text-indentD、text-decoration(正確答案)答案解析：text-transform屬性控制文本的大小寫。text-align屬性規(guī)定元素中的文本的水平對齊方式。text-indent屬性規(guī)定文本塊中首行文本的縮進(jìn)。允許使用負(fù)值。如果使用負(fù)值，那么首行會被縮進(jìn)到左邊。text-decoration屬性規(guī)定添加到文本的修飾。D選項text-decoration屬性可以對文本編輯為下劃線。3.以下CSS單位是絕對單位的是。（）[單選題]*A、px(正確答案)B、emC、remD、百分比答案解析：px相對長度單位。像素（Pixels）。像素px是相對于顯示器屏幕分辨率而言的。em相對長度單位。相對于當(dāng)前對象內(nèi)文本的字體尺寸。如當(dāng)前對行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對于瀏覽器的默認(rèn)字體尺寸。rem相對長度單位。相對于根元素（即html元素）font-size計算值的倍數(shù)。百分比相對于父元素的尺寸。A選項像素px是相對于顯示器屏幕分辨率而言的，因而符合本題要求。4.以下關(guān)于在CSS中的選擇器命名錯誤的是。（）[單選題]*A、*B、.table(正確答案)C、divD、.boxp答案解析：通配選擇器（universalselector），顯示為一個星號（*）。該選擇器可以與任何元素匹配，就像是一個通配符。類選擇器在CSS中，類選擇器以一個點號顯示。元素選擇器（1）最常見的CSS選擇器是元素選擇器。換句話說，文檔的元素就是最基本的選擇器。（2）在W3C標(biāo)準(zhǔn)中，元素選擇器又稱為類型選擇器（typeselector）。示例:p{color:gray;}，p元素字體顏色都為灰色后代選擇器（1）后代選擇器（descendantselector）又稱為包含選擇器。（2）后代選擇器可以選擇作為某元素后代的元素。示例:h1em{color:red;}，表示對h1元素中的em元素應(yīng)用樣式B選項中table明顯是一個元素，可單獨作為元素選擇器，前面不需要加一個點號來變成類選擇器。5.給某個div容器設(shè)置邊框，應(yīng)該設(shè)置什么屬性?（）[單選題]*A、asideB、frameC、backgroundD、border(正確答案)答案解析：aside元素（1）定義article以外的內(nèi)容。aside的內(nèi)容應(yīng)該與article的內(nèi)容相關(guān)（2）<aside>標(biāo)簽是HTML5的新標(biāo)簽。注釋:<aside>的內(nèi)容可用作文章的側(cè)欄frame元素（1）<frame>標(biāo)簽定義frameset中的一個特定的窗口（框架）。（2）frameset中的每個框架都可以設(shè)置不同的屬性，比如border、scrolling、noresize等等。background屬性（1）background簡寫屬性在一個聲明中設(shè)置所有的背景屬性。（2）可以設(shè)置如下屬性:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-imageborder屬性（1）縮寫邊框?qū)傩栽O(shè)置在一個聲明中所有的邊框?qū)傩浴＃?）可以設(shè)置的屬性分別（按順序）:border-width,border-style,和border-color。D選項border屬性可以給div容器設(shè)置邊框。6.CSS的某些樣式是具有繼承性的，下面哪個樣式是可以繼承的樣式。（）[單選題]*A、displayB、positionC、font-family(正確答案)D、float答案解析：CSS的樣式繼承1、繼承:是指子節(jié)點默認(rèn)使用父節(jié)點的樣式屬性2、繼承的屬性很少，有顏色，文字，字體間距行高對齊方式，和列表的樣式等可以繼承。3、所有元素可繼承:visibility和cursor。4、內(nèi)聯(lián)元素可繼承:letter-spacing（字符間距）、word-spacing（增加或減少單詞間的空白（即字間隔））、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。5、終端塊狀元素可繼承:text-indent和text-align。6、列表元素可繼承:list-style、list-style-type、list-style-position、list-style-image綜上所述，選項C中的font-family屬性是可以繼承的。7.將一個獨立的.css文件引入到HTML中，使用的標(biāo)簽是。（）[單選題]*A、<style>B、<link>(正確答案)C、<meta>D、<import>答案解析：<style>標(biāo)簽（1）<style>標(biāo)簽用于為HTML文檔定義樣式信息。（2）style元素位于head部分中。<link>標(biāo)簽（1）<link>標(biāo)簽定義文檔與外部資源的關(guān)系。（2）<link>標(biāo)簽最常見的用途是鏈接樣式表。<meta>標(biāo)簽（1）<meta>元素可提供有關(guān)頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關(guān)鍵詞。（2）<meta>標(biāo)簽位于文檔的頭部，不包含任何內(nèi)容。<meta>標(biāo)簽的屬性定義了與文檔相關(guān)聯(lián)的名稱/值對。（3）在HTML中，<meta>標(biāo)簽沒有結(jié)束標(biāo)簽。8.關(guān)于固定定位的代碼正確的是。（）[單選題]*A、location:fixedB、position:fixed(正確答案)C、position:relativeD、location:relative答案解析：CSS的定位absolute生成絕對定位的元素，相對于static定位以外的第一個父元素進(jìn)行定位。fixed生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位。relative生成相對定位的元素，相對于其正常位置進(jìn)行定位。static默認(rèn)值，沒有定位，元素出現(xiàn)在正常的流中。inherit規(guī)定應(yīng)該從父元素繼承position屬性的值。B選項position:fixed為固定定位，相對于其正常位置進(jìn)行定位的。9.以下CSS的選擇器中優(yōu)先級最高的是。（）[單選題]*A、idB、classC、標(biāo)簽選擇器D、行內(nèi)樣式(正確答案)答案解析：CSS選擇器優(yōu)先級1、在屬性后面使用!important會覆蓋頁面內(nèi)任何位置定義的元素樣式。2、總結(jié)排序:!important>行內(nèi)樣式>ID選擇器>類選擇器>標(biāo)簽選擇器>通配符選擇器>選擇器繼承>瀏覽器默認(rèn)屬性3、但是內(nèi)部樣式>外部樣式有一個前提:內(nèi)部樣式的CSS樣式的位置一定在外部樣式的后面。4、綜上所述，就是就近原則（即離被設(shè)置元素越近優(yōu)先級別越高）。四個選項中，行內(nèi)樣式的優(yōu)先級最高。10.在CSS中清除圖片鏈接樣式的代碼是。（）[單選題]*A、img{display:none}B、img{border:0}(正確答案)C、img{border:no}D、img{display:0}答案解析：圖片鏈接樣式代碼清除在css中清除圖片默認(rèn)樣式，包含img{border:0;}或者img{border:none;}選項C中的no改為none才為正確，選項A為隱藏圖片，選項D屬性值錯誤。11.下列關(guān)于CSS語言描述不正確的是。（）[單選題]*A、CSS全稱為層疊樣式表(CascadingStyleSheets)B、CSS代碼通常存放在<style></style>標(biāo)簽內(nèi)C、CSS樣式由選擇器和聲明組成，而聲明又由屬性和值組成，屬性和值之間用分號分割(正確答案)D、CSS樣式有優(yōu)先級之分答案解析：CSS簡介描述1、CSS指的是層疊樣式表*(CascadingStyleSheets)2、存放在<style></style>標(biāo)簽內(nèi)的CSS代碼成為內(nèi)聯(lián)樣式表3、CSS代碼由選擇器，以及一條或多條聲明構(gòu)成，聲明又由屬性和值構(gòu)成。也可以說CSS代碼由選擇器、屬性、值構(gòu)成，屬性和值之間用冒號分割示例:選擇器{屬性1:值1;屬性2:值2;……}4、外部樣式表存儲在CSS文件中C選項中的屬性和值之間應(yīng)該用冒號分割才對。12.關(guān)于CSScolor屬性說法正確的是。（）[單選題]*A、設(shè)置文字前景色(正確答案)B、設(shè)置背景色C、設(shè)置邊框顏色D、設(shè)置瀏覽器主題顏色答案解析：color屬性1、color屬性規(guī)定文本的顏色。2、這個屬性設(shè)置了一個元素的前景色（在HTML表現(xiàn)中，就是元素中文本的顏色）。A選項color屬性可以設(shè)置一個元素的前景色，也就是元素中文本的顏色。13.設(shè)置邊框樣式的屬性是。（）[單選題]*A、box-sizingB、box-shadowC、border-radiusD、border(正確答案)答案解析：CSS的box-sizing屬性以特定的方式定義匹配某個區(qū)域的特定元素。例如，假如您需要并排放置兩個帶邊框的框，可通過將box-sizing設(shè)置為"border-box"。CSS的box-shadow屬性向框添加一個或多個陰影。CSS的border-radius屬性border-radius屬性是一個簡寫屬性，用于設(shè)置四個border-*-radius屬性。注釋:按順順序設(shè)置每個radii的四個值。CSS的border屬性（1）縮寫邊框?qū)傩栽O(shè)置在一個聲明中所有的邊框?qū)傩?。?）可以設(shè)置的屬性分別（按順序）:border-width,border-style,和border-color。14.在HTML中通過以下哪個元素可以用于導(dǎo)入CSS外部樣式?（）[單選題]*A、classB、importC、link(正確答案)D、title答案解析：<link>標(biāo)簽1、<link>標(biāo)簽定義文檔與外部資源的關(guān)系。2、<link>標(biāo)簽最常見的用途是鏈接樣式表。15.CSS中，用什么屬性可以將文本居中?（）[單選題]*A、fontB、text-align(正確答案)C、align-centerD、location答案解析：text-align屬性規(guī)定元素中的文本的水平對齊方式，屬性值設(shè)置為center就可以是文本水平居中。16.下列()不屬于CSS文本屬性。（）[單選題]*A、font-size(正確答案)B、text-transformC、text-alignD、line-height答案解析：CSS文本屬性1、文本中大小寫字母轉(zhuǎn)換:text-transform2、文本居中:text-align3、段落縮進(jìn):text-indent4、設(shè)置文字裝飾效果:text-decoration5、設(shè)置段落行高:line-height6、設(shè)置字詞間距（1）word-spacing（只對英文有用）（2）letter-spacing（漢字和英文都可以）7、段落間距:margin8、邊框:border9、空格:white-space17.關(guān)于引入CSS樣式的優(yōu)先級，說法正確的是。（）[單選題]*A、內(nèi)聯(lián)樣式>內(nèi)部樣式>外部樣式B、內(nèi)聯(lián)樣式>外部樣式>內(nèi)部樣式C、內(nèi)部樣式>內(nèi)聯(lián)樣式>外部樣式D、以上都不正確(正確答案)答案解析：CSS樣式優(yōu)先級理論上優(yōu)先級:內(nèi)聯(lián)樣式>內(nèi)部樣式>外部樣式。但是內(nèi)部樣式>外部樣式有一個前提:內(nèi)部樣式的CSS樣式的位置一定在外部樣式的后面?？偟膩碚f，就是就近原則（即離被設(shè)置元素越近優(yōu)先級別越高）。D選項就近原則（即離被設(shè)置元素越近優(yōu)先級別越高）。18.怎樣給所有的<h1>標(biāo)簽添加背景顏色。（）[單選題]*A、.h1{background-color:#ffffff}B、h1{background-color:#ffffff;}(正確答案)C、h1.all{background-color:#ffffff}D、#h1{background-color:#ffffff}答案解析：元素選擇器（1）最常見的CSS選擇器是元素選擇器。換句話說，文檔的元素就是最基本的選擇器。（2）在W3C標(biāo)準(zhǔn)中，元素選擇器又稱為類型選擇器（typeselector）。background-color屬性（1）設(shè)置元素的背景顏色。（2）background-color屬性為元素設(shè)置一種純色。（3）這種背景顏色會填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴(kuò)展到元素邊框的外邊界（但不包括外邊距）。（4）如果邊框有透明部分（如虛線邊框），會透過這些透明部分顯示出背景色。示例:p{background-color:gray;}，p元素內(nèi)背景顏色都為灰色。B選項h1是標(biāo)簽，所以元素選擇器，前面和后面不需要加任何符號或字符。19.下列哪個選項的CSS語法是正確的?（）[單選題]*A、body:color=blackB、{body:color=black}C、body{color:black}(正確答案)D、{body;color:black}答案解析：元素選擇器語法:元素{屬性:值，屬性:值，.......}1、最常見的CSS選擇器是元素選擇器。換句話說，文檔的元素就是最基本的選擇器。2、在W3C標(biāo)準(zhǔn)中，元素選擇器又稱為類型選擇器（typeselector）。3、設(shè)置body{color:black;}，則body標(biāo)簽的下面的子標(biāo)簽，具有繼承性，子標(biāo)簽會繼承body標(biāo)簽所定義的樣式。C選項body是標(biāo)簽，所以選項中符合元素選擇器語法的只有選項C。20.關(guān)于float描述錯誤的是（）[單選題]*A、float:leftB、float:center(正確答案)C、float:rightD、float:none答案解析：CSS的float屬性1、float屬性定義元素在哪個方向浮動。2、浮動元素會生成一個塊級框，而不論它本身是何種元素。float屬性值包含“l(fā)eft、right、none、inherit”，不包含center，因此只有選項B錯誤。21.下面選項中，哪個可以設(shè)置網(wǎng)頁中某個元素的右外邊距為10像素?（）[單選題]*A、margin-right:100px;B、margin:00010px;C、margin:10px00;D、margin:010px00;(正確答案)答案解析：CSS的margin屬性（1）margin簡寫屬性在一個聲明中設(shè)置所有外邊距屬性。該屬性可以有1到4個值。（2）這個簡寫屬性設(shè)置一個元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度。注釋:允許使用負(fù)值。CSS的margin-right屬性設(shè)置元素的右外邊距。題目中描述為元素的右外邊距為10像素的符合條件的只有選項D。22.以下關(guān)于CSS樣式中字體屬性的說法，錯誤的是。（）[單選題]*A、font-size用來設(shè)置文本字體的大小B、font-family用來設(shè)置文本字體系列C、font-color用來設(shè)置文本字體的顏色(正確答案)D、font-weight用來設(shè)置文本字體的粗細(xì)答案解析：CSS的font-size屬性設(shè)置字體的尺寸。設(shè)置元素的字體大小。注釋:實際上它設(shè)置的是字體中字符框的高度。CSS的font-family屬性（1）規(guī)定元素的字體系列。（2）使用逗號分割每個值，并始終提供一個類族名稱作為最后的選擇。（3）瀏覽器會使用它可識別的第一個值。CSS的font-weight屬性（1）設(shè)置文本的粗細(xì)。（2）該屬性用于設(shè)置顯示元素的文本中所用的字體加粗。C選項CSS中無font-color屬性，只有color屬性來設(shè)置字體顏色。23.將div類名以'c'開頭元素添加文字為紅色，書寫正確的是。（）[單選題]*A、div[class=^c]{color:red}(正確答案)B、div[class=$c]{color:red}C、div[class=c]{color:red}D、div[class=*c]{color:red}答案解析：[attribute^=value]選擇器匹配屬性值以指定值開頭的每個元素。[attribute$=value]選擇器匹配屬性值以指定值結(jié)尾的每個元素。[attribute=value]選擇器用于選取帶有指定屬性和值的元素。[attribute*=value]選擇器匹配屬性值包含指定值的每個元素。24.在CSS中，以下哪項表示類選擇器。（）[單選題]*A、#div1B、.div2(正確答案)C、divD、*答案解析：類選擇器在CSS中，類選擇器以一個點號顯示。25.在HTML中，以下關(guān)于CSS樣式中文本及字體屬性的說法，錯誤的是。（）[單選題]*A、font-size用來設(shè)置文本字體的大小B、text-align用來設(shè)置文本的對齊方式C、font-type用來設(shè)置字體的類型(正確答案)D、font-weight用來設(shè)置字體的粗細(xì)答案解析：CSS的font-size屬性設(shè)置字體的尺寸。設(shè)置元素的字體大小。注釋:實際上它設(shè)置的是字體中字符框的高度。CSS的text-center屬性text-align屬性規(guī)定元素中的文本的水平對齊方式。CSS的font-weight屬性（1）設(shè)置文本的粗細(xì)。（2）該屬性用于設(shè)置顯示元素的文本中所用的字體加粗。C選項CSS中無font-type屬性，設(shè)置字體類型使用font-family屬性。26.在CSS中，下列設(shè)置背景顏色為黑色的代碼錯誤的是。（）[單選題]*A、background:#FFFFFF(正確答案)B、background-color:blackC、background:RGB(0,0,0)D、background-color:#000答案解析：background屬性（1）background簡寫屬性在一個聲明中設(shè)置所有的背景屬性。（2）可以設(shè)置如下屬性:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-imagebackground-color屬性（1）設(shè)置元素的背景顏色。（2）background-color屬性為元素設(shè)置一種純色。（3）這種背景顏色會填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴(kuò)展到元素邊框的外邊界（但不包括外邊距）。（4）如果邊框有透明部分（如虛線邊框），會透過這些透明部分顯示出背景色。示例:p{background-color:gray;}，p元素內(nèi)背景顏色都為灰色。rgb()函數(shù)（1）rgb()函數(shù)使用紅綠藍(lán)（RGB）模型定義顏色。（2）RGB顏色值是這樣規(guī)定的:rgb(red,green,blue)。（3）每個參數(shù)定義該顏色的強(qiáng)度，可以是0到255之間的整數(shù)或百分比值（從0％到100％）。#FFFFFF和#000注釋:#000和#000000都是黑色A選項中的HTML顏色代碼#FFFFFF表示白色。27.CSS文件的擴(kuò)展名為。（）[單選題]*A、.txtB、.htmC、.css(正確答案)D、.html答案解析：1、CSS文件的擴(kuò)展名是“.css”。2、CSS樣式表文件是用于裝CSS代碼的文本文件。28.設(shè)置字符間距為15px的語句為。（）[單選題]*A、letter-spacing:15px(正確答案)B、line-height:15pxC、letter-height:15pxD、line-spacing:15px答案解析：CSS的字符間距1、字母間距l(xiāng)etter-spacing屬性用于指定文本中字符之間的間距。2、行高line-height屬性用于指定行之間的間距。3、字間距word-spacing屬性用于指定文本中單詞之間的間距。4、空白white-space屬性指定元素內(nèi)部空白的處理方式。A選項letter-spacing屬性用于指定文本中字符之間的間距。CSS中無line-spacing屬性。29.如何顯示這樣一個邊框:頂邊框10像素、底邊框5像素、左邊框20像素、右邊框1像素。（）[單選題]*A、border-width:10px1px5px20px(正確答案)B、border-width:10px20px5px1pxC、border-width:5px20px40px1pxD、border-width:10px5px20px1px答案解析：CSS的border-width屬性1、border-width簡寫屬性為元素的所有邊框設(shè)置寬度，或者單獨地為各邊邊框設(shè)置寬度。2、只有當(dāng)邊框樣式不是none時才起作用。3、如果邊框樣式是none，邊框?qū)挾葘嶋H上會重置為0。不允許指定負(fù)長度值。4、設(shè)置四個邊框的寬度時，方向為順時針，起始位置為頂部。注釋:"border-width"屬性如果單獨使用的話是不會起作用的。請首先使用"border-style"屬性來設(shè)置邊框。設(shè)置四個邊框的寬度時，方向為順時針，起始位置為頂部。符合題目要求只有選項A。30.CSS中，用什么屬性可以將文本右對齊。（）[單選題]*A、fontB、text-align(正確答案)C、align-centerD、location答案解析：text-align是文本對齊方式屬性;align-center、Font、location在CSS中是不存在的屬性。31.以下關(guān)于在CSS中的選擇器命名錯誤的是。（）[單選題]*A、*B、%table(正確答案)C、divD、.boxp答案解析：W3CCSS2.1的4.1.3節(jié)中提到:標(biāo)識符（包括選擇器中的元素名，類和ID）只能包含字符[a-zA-Z0-9]和ISO10646字符編碼U+00A1及以上，再加連字號（-）和下劃線（_）;它們不能以數(shù)字，或一個連字號后跟數(shù)字為開頭。它們還可以包含轉(zhuǎn)義字符加任何ISO10646字符作為一個數(shù)字編碼。所以%table不是正確命名的選擇器32.在CSS中，設(shè)置背景圖像的代碼正確的是。（）[單選題]*A、background-image:src(img/27.jpg)B、background-image:url(img/27.jpg)(正確答案)C、background-image:img/27.jpgD、background-img:url(img/27.jpg)答案解析：background-image屬性為元素設(shè)置背景圖像（即會在元素的背景中設(shè)置一個圖像）。元素的背景占據(jù)了元素的全部尺寸，包括內(nèi)邊距和邊框，但不包括外邊距。一般語法為“background-image:url(圖像地址)”。33.在CSS單位中，屬于絕對值的是。（）[單選題]*A、%B、emC、remD、px(正確答案)答案解析：（1）%表示相對長度，相對于父元素;（2）em表示相對長度，相對于元素的字體大?。╢ont-size）（2em表示當(dāng)前字體大小的2倍）;（3）rem表示相對長度，相對于根元素的字體大?。╢ont-size）;（4）px表示絕對長度，意思為像素。34.在HTML中通過以下哪個元素可以用于導(dǎo)入CSS外部樣式?（）[單選題]*A、link(正確答案)B、importC、scriptD、csslink答案解析：<link>標(biāo)簽定義文檔與外部資源的關(guān)系。<link>標(biāo)簽最常見的用途是鏈接樣式表。<link>標(biāo)簽沒有結(jié)束標(biāo)簽。此元素存在于head部分。例如:<head><linkrel="stylesheet"type="text/css"href="css/style.css"/></head>35.下列哪個是CSS中注釋的正確寫法。（）[單選題]*A、<!--……-->B、*/……/*C、/*……*/(正確答案)D、##答案解析：CSS只有一種注釋，不管是多行注釋還是單行注釋，都必須以/*開始、以*/結(jié)束，中間加入注釋內(nèi)容。即所有被放在/*和*/分隔符之間的文本信息都被稱為注釋。36.以下為層疊樣式表簡稱的是。（）[單選題]*A、DIVB、PHPC、HTMLD、CSS(正確答案)答案解析：層疊樣式表（英文全稱:CascadingStyleSheets，簡稱CSS）是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計算機(jī)語言。37.關(guān)于CSScolor屬性說法正確的是。（）[單選題]*A、只能設(shè)置幾種單一顏色B、設(shè)置背景色C、設(shè)置邊框顏色D、設(shè)置文字前景色(正確答案)答案解析：color屬性是用于設(shè)置文字前景色的屬性38.給某段文字設(shè)置一條下劃線，應(yīng)該設(shè)置什么屬性。（）[單選題]*A、text-transformB、text-decoration(正確答案)C、text-indentD、text-align答案解析：（1）text-decoration屬性規(guī)定添加到文本的修飾。其值包含以下值:none默認(rèn)。定義標(biāo)準(zhǔn)的文本。underline定義文本下的一條線。overline定義文本上的一條線。line-through定義穿過文本下的一條線。blink定義閃爍的文本。（2）text-transform屬性控制文本的大小寫。（3）text-indent屬性規(guī)定文本塊中首行文本的縮進(jìn)。（4）text-align屬性規(guī)定元素中的文本的水平對齊方式。39.下列符合CSS語法的是。（）[單選題]*A、color=red;B、colorred;C、color:red;(正確答案)D、color-red;40.下列代碼在頁面中顯示的效果是。（）[單選題]*<divtitle="black"style="color:red;">hello</div>A、黑色的文字B、紅色的文字(正確答案)C、黑色的背景D、紅色的背景41.在CSS中表示像素的單位是。（）[單選題]*A、remB、emC、px(正確答案)D、%42.在CSS中可以設(shè)置文字顏色的是。（）[單選題]*A、font-styleB、font-colorC、color(正確答案)D、background-color43.下列CSS屬性中，可以設(shè)置字體的是。（）[單選題]*A、font-family(正確答案)B、colorC、font-styleD、font-size44.下列說法正確的是。（）[單選題]*A、CSS能夠以外部文件的方式被HTML引用(正確答案)B、無法在HTML文件中直接編寫CSS代碼C、在HTML標(biāo)簽中使用style屬性設(shè)置樣式優(yōu)先級最低D、在CSS文件中能夠直接編寫HTML代碼45.關(guān)于CSS的屬性值描述正確的是。（）[單選題]*A、CSS可以將隨機(jī)數(shù)作為屬性值B、不可以用CSS在頁面中置入圖片C、可以使用CSS實現(xiàn)鼠標(biāo)懸停時顯示某種樣式(正確答案)D、CSS可以在不使用HTML的情況下直接重構(gòu)頁面1.下列關(guān)于浮動float的說法正確的是。（）*A、浮動使元素脫離文檔普通流，漂浮在普通流之上(正確答案)B、浮動會產(chǎn)生塊級框，而不管元素本身是什么(正確答案)C、可以通過clear來清除浮動(正確答案)D、不可以通過偽類清除浮動答案解析：CSS的float浮動屬性1、float屬性定義元素在哪個方向浮動。2、浮動元素會生成一個塊級框，而不論它本身是何種元素。3、當(dāng)一個元素浮動之后，它會被移出正常的文檔流。4、清除浮動可以使用clear屬性。5、可以使用CSS3偽類:after偽類清除浮動。D選項中可以使用CSS3偽類:after偽類清除浮動，因此只有選項D的說法無不正確。2.下列關(guān)于padding值得描述正確的是。（）*A、當(dāng)padding給一個值時，指的是四個方向(正確答案)B、當(dāng)padding有兩個值時，指的是上下、左右(正確答案)C、當(dāng)padding有三個值時，指的是上、左右、下(正確答案)D、當(dāng)padding有四個值時，指的是上、下、左、右答案解析：padding屬性1、padding簡寫屬性在一個聲明中設(shè)置所有內(nèi)邊距屬性。2、設(shè)置元素所有內(nèi)邊距的寬度3、設(shè)置四個內(nèi)邊距值時，為上、右、下、左內(nèi)邊距。4、設(shè)置兩個內(nèi)邊距值時，為上下、左右內(nèi)邊距值。5、設(shè)置三個內(nèi)邊距值時，為上、左右、下內(nèi)邊距值。注釋:內(nèi)邊距不允許使用負(fù)值設(shè)置四個內(nèi)邊距值時，為上、右、下、左內(nèi)邊距，因此選項D中順序錯誤。3.CSS中text-decoration的值有哪些?（）*A、none(正確答案)B、underline(正確答案)C、overline(正確答案)D、line-through(正確答案)答案解析：text-decoration屬性規(guī)定添加到文本的修飾。none默認(rèn)。定義標(biāo)準(zhǔn)的文本。underline定義文本下的一條線。overline定義文本上的一條線。line-through定義穿過文本下的一條線。blink定義閃爍的文本。inherit規(guī)定應(yīng)該從父元素繼承text-decoration屬性的值。四個選項都是CSS的text-decoration屬性值。4.早期的網(wǎng)頁沒有CSS樣式，所以很多元素自帶樣式，但是這些樣式在不同瀏覽器解析的值都不一樣，需要在CSS中重置，保證在不同瀏覽器顯示一致，以下哪些代碼是樣式重置代碼?（）*A、*{margin:0;padding:0;}(正確答案)B、ul,ol{list-style:none;}(正確答案)C、a{text-decoration:none;}(正確答案)D、img,input{border:none;}(正確答案)答案解析：*{margin:0;padding:0;}使用通配符選擇器重置瀏覽器默認(rèn)樣式。ul,ol{list-style:none;}去除ul，ol的默認(rèn)樣式。a{text-decoration:none;}去除a鏈接默認(rèn)的下劃線。img,input{border:none;}去除默認(rèn)和聚焦邊框。四個選項都是CSS的樣式充值代碼。5.CSS屬性background-position背景圖片定位的值包括。（）*A、left(正確答案)B、right(正確答案)C、center(正確答案)D、top(正確答案)E、bottom(正確答案)答案解析：background-position屬性toplefttopcentertoprightcenterleftcentercentercenterrightbottomleftbottomcenterbottomright設(shè)置背景圖像的起始位置。如果您僅規(guī)定了一個關(guān)鍵詞，那么第二個值將是"center"。默認(rèn)值:0%0%。由解析可知，五個選項都是background-position的屬性值。6.下列關(guān)于margin的值的描述正確的是。（）*A、當(dāng)margin給一個值時，指的是四個方向(正確答案)B、當(dāng)margin有兩個值時，指的是上下、左右(正確答案)C、當(dāng)margin有三個值時，指的是上、左右、下(正確答案)D、當(dāng)margin有四個值時，指的是上、下、左、右答案解析：margin屬性1、margin簡寫屬性在一個聲明中設(shè)置所有外邊距屬性。2、設(shè)置元素所有外邊距的寬度3、設(shè)置四個外邊距值時，為上、右、下、左外邊距。4、設(shè)置兩個外邊距值時，為上下、左右外邊距值。5、設(shè)置三個外邊距值時，為上、左右、下外邊距值。設(shè)置四個外邊距值時，為上、右、下、左外邊距，因此選項D中順序錯誤。7.以下CSS屬性使用錯誤的是?（）*A、color:redB、color:#245123C、color:#234kew(正確答案)D、color:#red(正確答案)答案解析：color屬性1、color屬性規(guī)定文本的顏色。2、這個屬性設(shè)置了一個元素的前景色（在HTML表現(xiàn)中，就是元素中文本的顏色）。color屬性值可能的值有:color_name規(guī)定顏色值為顏色名稱的顏色（比如red）。hex_number規(guī)定顏色值為十六進(jìn)制值的顏色（比如#ff0000）。rgb_number規(guī)定顏色值為rgb代碼的顏色（比如rgb(255,0,0)）。inherit規(guī)定應(yīng)該從父元素繼承顏色。#234kew無此顏色值，#red顏色值錯誤，red顏色值則可以識別。8.所有的HTML元素都可以看作盒子，它包括。（）*A、元素的內(nèi)容區(qū)域(正確答案)B、元素的內(nèi)邊距(正確答案)C、元素的邊框(正確答案)D、元素的外邊距(正確答案)答案解析：CSS盒模型1、所有HTML元素可以看作盒子。2、CSS盒模型本質(zhì)上是一個盒子，封裝周圍的HTML元素，它包括:邊距、邊框、填充和實際內(nèi)容。3、盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。4、不同部分的說明:（1）Margin（外邊距）:清除邊框外的區(qū)域，外邊距是透明的。（2）Border（邊框）:圍繞在內(nèi)邊距和內(nèi)容外的邊框。（3）Padding（內(nèi)邊距）:清除內(nèi)容周圍的區(qū)域，內(nèi)邊距是透明的。（4）Content（內(nèi)容）:盒子的內(nèi)容，顯示文本和圖像。9.CSS中，盒模型的屬性包括（）*A、fontB、margin(正確答案)C、padding(正確答案)D、visible答案解析：CSS盒模型屬性1、Margin（外邊距）:清除邊框外的區(qū)域，外邊距是透明的。2、Border（邊框）:圍繞在內(nèi)邊距和內(nèi)容外的邊框。3、Padding（內(nèi)邊距）:清除內(nèi)容周圍的區(qū)域，內(nèi)邊距是透明的。4、Content（內(nèi)容）:盒子的內(nèi)容，顯示文本和圖像。盒模型包含Content（內(nèi)容）、Padding（內(nèi)邊距）、Border（邊框）和Margin（外邊距）四種。10.CSS文本屬性中，文本對齊屬性的取值有（）*A、autoB、justify(正確答案)C、center(正確答案)D、right(正確答案)答案解析：CSS文本對齊屬性text-align屬性規(guī)定元素中的文本的水平對齊方式。可能的屬性值有:left把文本排列到左邊。默認(rèn)值:由瀏覽器決定。right把文本排列到右邊。center把文本排列到中間。justify實現(xiàn)兩端對齊文本效果。inherit規(guī)定應(yīng)該從父元素繼承text-align屬性的值。text-align屬性值有l(wèi)eft、right、center、justify和inherit，無auto這個屬性。11.關(guān)于CSS基本語法說法正確的是（）*A、屬性必須要包含在{}號之中(正確答案)B、屬性和屬性值之間用等號鏈接C、在有多個屬性時，用“;”進(jìn)行區(qū)分(正確答案)D、如果一個屬性有幾個值，則每個屬性值之間用分號分隔開答案解析：CSS基本語法CSS規(guī)則集（rule-set）由選擇器和聲明塊組成:1、選擇器指向您需要設(shè)置樣式的HTML元素。2、聲明塊包含一條或多條用分號分隔的聲明。3、每條聲明都包含一個CSS屬性名稱和一個值，以冒號分隔。4、多條CSS聲明用分號分隔，聲明塊用花括號“{}”括起來。選項B中應(yīng)該是用分號鏈接，選項D中應(yīng)是用空格隔開。12.關(guān)于CSS的說法正確的有（）*A、CSS可以控制網(wǎng)頁背景顏色(正確答案)B、position可以實現(xiàn)盒子模型精確定位(正確答案)C、字體大小的單位可以使em(正確答案)D、z-index的取值不能是負(fù)數(shù)答案解析：1、背景顏色background-color屬性（1）設(shè)置元素的背景顏色。（2）background-color屬性為元素設(shè)置一種純色。（3）這種背景顏色會填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴(kuò)展到元素邊框的外邊界（但不包括外邊距）。（4）如果邊框有透明部分（如虛線邊框），會透過這些透明部分顯示出背景色。示例:p{background-color:gray;}，p元素內(nèi)背景顏色都為灰色。2、定位（1）position屬性規(guī)定元素的定位類型。（2）這個屬性定義建立元素布局所用的定位機(jī)制。（3）任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什么類型。（4）相對定位元素會相對于它在正常流中的默認(rèn)位置偏移。3、字體大小font-size屬性設(shè)置字體的尺寸。設(shè)置元素的字體大小。注釋:實際上它設(shè)置的是字體中字符框的高度。4、z-index屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。注釋:元素可擁有負(fù)的z-index屬性值。z-index僅能在定位元素上奏效（例如position:absolute;）。13.以下關(guān)于CLASS和ID的說法正確的是（）*A、class的定義方法是:.類名{樣式}(正確答案)B、id的應(yīng)用方法:<指定標(biāo)簽id="id名">(正確答案)C、class的應(yīng)用方法:<指定標(biāo)簽class="類名">(正確答案)D、id和class只是在寫法上有區(qū)別，在應(yīng)用和意義上沒有區(qū)別答案解析：1、HTML的ID屬性和CSS的ID選擇器HTML的ID屬性語法:<elementid="value">①id屬性規(guī)定HTML元素的唯一的id。②id在HTML文檔中必須是唯一的。（2）CSS的ID選擇器語法:#idname{屬性:值,屬性:值,……}①ID選擇器前面有一個#號，也稱為棋盤號或井號。②ID選擇器會使用一次，而且僅一次。2、HTML的class屬性和CSS的類選擇器HTML的class屬性語法:<elementclass="value">①規(guī)定元素的類名（classname）。②class屬性大多數(shù)時候用于指向樣式表中的類（class）。注釋:class屬性不能在以下HTML元素中使用:base,head,html,meta,param,script,style以及title。類名不能以數(shù)字開頭！只有InternetExplorer支持這種做法。（2）CSS的類選擇器語法:.classname{屬性:值,屬性:值,……}①在CSS中，類選擇器以一個點號顯示。②類選擇器可以單獨使用，也可以與其他元素結(jié)合使用。3、區(qū)別（1）與類不同，在一個HTML文檔中，ID選擇器會使用一次，而且僅一次。（2）不同于類選擇器，ID選擇器不能結(jié)合使用，因為ID屬性不允許有以空格分隔的詞列表。（3）ID類似于類，可以獨立于元素來選擇ID在應(yīng)用和意義上ID選擇器會使用一次，而且僅一次，而類選擇器不是。14.關(guān)于position定位，下列說法錯誤的是。（）*A、fixed元素，可定位于相對于瀏覽器窗口的指定坐標(biāo)，它始終是以body為依據(jù)(正確答案)B、relative元素以它原來的位置為基準(zhǔn)偏移，在其移動后，原來的位置不再占據(jù)空間(正確答案)C、absolute的元素，如果它的父容器設(shè)置了position屬性，并且position的屬性值為absolute或者relative，那么就會依據(jù)父容器進(jìn)行偏移D、fixed屬性的元素在標(biāo)準(zhǔn)流中占位置(正確答案)答案解析：CSS的position定位absolute生成絕對定位的元素，相對于static定位以外的第一個父元素進(jìn)行定位。fixed生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位。relative生成相對定位的元素，相對于其正常位置進(jìn)行定位。static默認(rèn)值，沒有定位，元素出現(xiàn)在正常的流中。inherit規(guī)定應(yīng)該從父元素繼承position屬性的值。選項A中應(yīng)該以相對于static以外的第一個父元素進(jìn)行定位;選項B中應(yīng)是原來的位置仍然占據(jù)空間;選項D中fixed相對于body固定定位，原來的位置不會占用空間。15.下列關(guān)于文本樣式屬性，描述正確的是。（）*A、一段文字需要首行縮進(jìn)兩個字的距離，應(yīng)設(shè)置text-indent屬性(正確答案)B、可以使用text-decoration:none，為超鏈接去除下劃線(正確答案)C、text-align屬性用于設(shè)置文本的水平對齊方式(正確答案)D、text-transform屬性用于設(shè)置文本的裝飾答案解析：text-indent屬性規(guī)定文本塊中首行文本的縮進(jìn)。允許使用負(fù)值。如果使用負(fù)值，那么首行會被縮進(jìn)到左邊。text-decoration屬性規(guī)定添加到文本的修飾。text-align屬性規(guī)定元素中的文本的水平對齊方式。text-transform屬性控制文本的大小寫。D選項text-transform屬性用于控制文本的大小寫，非用于設(shè)置文本的裝飾。16.下列哪個樣式定義后，元素可以設(shè)置寬度和高度。（）*A、display:inlineB、display:block(正確答案)C、display:noneD、display:inline-block(正確答案)答案解析：display區(qū)塊屬性規(guī)定元素應(yīng)該生成的框的類型。值:inline行內(nèi)元素默認(rèn)。此元素會被顯示為內(nèi)聯(lián)（行內(nèi)）元素，元素前后沒有換行符。block塊級元素此元素將顯示為塊級元素，此元素前后會帶有換行符。none隱藏元素此元素不會被顯示。inline-block行內(nèi)塊元素行內(nèi)塊元素。none屬性值會讓此元素不會被顯示，因此也就沒有了寬高;inline屬性值為內(nèi)聯(lián)（行內(nèi)）元素。不支持設(shè)置寬高。17.想讓元素脫離文檔普通流，需要把position屬性值設(shè)置成。（）*A、relativeB、absolute(正確答案)C、fixed(正確答案)D、static答案解析：position屬性absolute生成絕對定位的元素，相對于static定位以外的第一個父元素進(jìn)行定位。fixed生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位。relative生成相對定位的元素，相對于其正常位置進(jìn)行定位。static默認(rèn)值，沒有定位，元素出現(xiàn)在正常的流中。inherit規(guī)定應(yīng)該從父元素繼承position屬性的值。position:relative;設(shè)置的元素仍然占據(jù)原來的空間，不脫離文檔流;position:absolute;絕對定位使元素的位置與文檔流無關(guān)，所以脫離文檔流;position:fixed;相對于body固定定位，脫離文檔流;position:static;默認(rèn)值，不脫離文檔流。18.下面關(guān)于CSS的說法正確的有。（）*A、CSS可以控制網(wǎng)頁背景圖片(正確答案)B、margin屬性的屬性值可以是百分比(正確答案)C、整個BODY可以作為一個BOX(正確答案)D、對于中文可以使用word-spacing屬性對字間距進(jìn)行調(diào)整答案解析：1、背景顏色background-color屬性（1）設(shè)置元素的背景顏色。（2）background-color屬性為元素設(shè)置一種純色。（3）這種背景顏色會填充元素的內(nèi)容、內(nèi)邊距和邊框區(qū)域，擴(kuò)展到元素邊框的外邊界（但不包括外邊距）。（4）如果邊框有透明部分（如虛線邊框），會透過這些透明部分顯示出背景色。示例:p{background-color:gray;}，p元素內(nèi)背景顏色都為灰色。2、margin屬性（1）margin簡寫屬性在一個聲明中設(shè)置所有外邊距屬性。（2）設(shè)置元素所有外邊距的寬度（3）設(shè)置四個外邊距值時，為上、右、下、左外邊距。（4）設(shè)置兩個外邊距值時，為上下、左右外邊距值。（5）設(shè)置三個外邊距值時，為上、左右、下外邊距值。3、body元素（1）body就是個大盒子，但是很少這么做，不建議這么寫，因為要設(shè)置一些屬性的話，不是很方便，或是影響比較大（2）布局本來就是大盒子套小盒子word-spacing屬性（1）word-spacing屬性增加或減少單詞間的空白（即字間隔）。（2）該屬性定義元素中字之間插入多少空白符。（3）應(yīng)用word-spacing屬性后，中文文字之間的距離沒有發(fā)生任何變化。（4）在英文文檔中比較有效的隔開單詞的間距，對中文則無能為力。D選項word-spacing屬性在英文文檔中比較有效的隔開單詞的間距，對中文則無能為力。若應(yīng)用letter-spacing屬性，則每一個中文文字以及英文字母之間，都被隔開了所設(shè)置的距離。19.下列CSS屬性值中不屬于text-decoration屬性的有哪些。（）*A、noneB、underlineC、double-overline(正確答案)D、hidden(正確答案)答案解析：text-decoration屬性規(guī)定添加到文本的修飾。其值包含以下值:none默認(rèn)。定義標(biāo)準(zhǔn)的文本。underline定義文本下的一條線。overline定義文本上的一條線。line-through定義穿過文本下的一條線。blink定義閃爍的文本。所以其屬性不包括double-overline和hidden。20.以下CSS屬性使用正確的是。（）*A、color:red;(正確答案)B、color:#245123(正確答案)C、color:#234kewD、color:#red答案解析：color屬性規(guī)定文本的顏色。包含以下值:color_name規(guī)定顏色值為顏色名稱的顏色（比如red）。hex_number規(guī)定顏色值為十六進(jìn)制值的顏色（比如#ff0000）。rgb_number規(guī)定顏色值為rgb代碼的顏色（比如rgb(255,0,0)）。#234kew,該十六進(jìn)制值的顏色值不存在;red是個顏色名，不需要加#號。21.下列關(guān)于margin值得描述正確的是。（）*A、當(dāng)margin給一個值時，指的是四個方向(正確答案)B、當(dāng)margin有兩個值時，指的是左右、上下C、當(dāng)margin有三個值時，指的是上、左右、下(正確答案)D、當(dāng)margin有四個值時，指的是上、下、左、右答案解析：（1）如果margin只有一個值，表示上右下左的margin同為這個值。例如:margin:10px;就等于margin:10px10px10px10px;（2）如果margin只有兩個值，第一個值表示上下margin值，第二個值為左右margin的值。例如:margin:10px20px;就等于margin:10px20px10px20px;（3）如果margin有三個值，第一個值表示上margin值，第二個值表示左右margin的值，第三個值表示下margin的值。例如:margin:10px20px30px;就等于margin:10px20px30px20px;（4）如果margin有四個值，那這四個值分別對應(yīng)上右下左這四個margin值。例如:margin:10px20px30px40px。22.能夠選中下列div標(biāo)簽的CSS選擇器有<divclass="test"></div>（）*A、標(biāo)簽選擇器(正確答案)B、類選擇器(正確答案)C、ID選擇器D、屬性選擇器(正確答案)23.下列CSS代碼使用正確的有（）*A、width:10px;(正確答案)B、height:20px;(正確答案)C、color:423erf;D、width:half;24.下列關(guān)于CSS中padding值的描述正確的是（）*A、當(dāng)padding給一個值時，指的上B、當(dāng)padding有兩個值時，指的是左右、上下C、當(dāng)padding有三個值時，指的是上、左右、下(正確答案)D、當(dāng)padding有四個值時，指的是上、右、下、左(正確答案)25.以下CSS屬性值表示黑色的有（）*A、color:black;(正確答案)B、color:#000;(正確答案)C、color:#00000;(正確答案)D、color:#black;26.下列關(guān)于CSS中浮動float的說法錯誤的是（）*A、永遠(yuǎn)只能向右浮動(正確答案)B、浮動會產(chǎn)生塊級框，而不管元素本身是什么C、永遠(yuǎn)只能向左浮動(正確答案)D、不可以通過偽類清除浮動(正確答案)27.下列CSS屬性值中屬于width屬性的是（）*A、auto(正確答案)B、10px(正確答案)C、50%(正確答案)D、inherit(正確答案)1.CSS選擇器的優(yōu)先級是!important>標(biāo)簽選擇器>id>class。[判斷題]*對錯(正確答案)答案解析：CSS選擇器優(yōu)先級1、在屬性后面使用!important會覆蓋頁面內(nèi)任何位置定義的元素樣式。2、總結(jié)排序:!important>行內(nèi)樣式>ID選擇器>類選擇器>標(biāo)簽選擇器>通配符選擇器>瀏覽器自定義或繼承繼承>瀏覽器默認(rèn)屬性3、但是內(nèi)部樣式>外部樣式有一個前提:內(nèi)部樣式的CSS樣式的位置一定在外部樣式的后面。4、綜上所述，就是就近原則（即離被設(shè)置元素越近優(yōu)先級別越高）。!important優(yōu)先級最高問題不大，但其他選擇器則遵循就近原則（即離被設(shè)置元素越近優(yōu)先級別越高）2.如果想為元素設(shè)置相對定位，需要設(shè)置position:absolute。[判斷題]*對錯(正確答案)答案解析：absolute生成絕對定位的元素，相對于static定位以外的第一個父元素進(jìn)行定位。fixed生成絕對定位的元素，相對于瀏覽器窗口進(jìn)行定位。relative生成相對定位的元素，相對于其正常位置進(jìn)行定位。static默認(rèn)值，沒有定位，元素出現(xiàn)在正常的流中。inherit規(guī)定應(yīng)該從父元素繼承position屬性的值。position:relative為設(shè)置相對定位，