css題庫(含答案)


    tip:&lt;為<

單選題

1.頁面上的div標簽,其HTML結構如下:

&lt;div id="father">

&lt;p class="son" id="son">傳智播客&lt;/p>

&lt;/div>

對應的CSS樣式代碼如下:

#father #son{

color:red;

}

#father p{

color:blue;

}

div .son{

color:yellow;

}

div p{

color:green;

}

那么,文字的顏色將顯示為(  A   )

A、紅色

B、藍色

C、黃色

D、綠色

2.text-transform屬性用於控制英文字符的大小寫。下列選項中,不屬於其屬性值的是( B   )

 

A、capitalize

B、line-through

C、lowercase

D、uppercase

3.下列選項中,屬於並集選擇器書寫方式的是(h1.p{})

 

A、h1 p{}

B、h1_p{}

C、h1,p{}

D、h1-p{}

4.下列選項中,符合標簽指定式選擇器的寫法要求的是(  A  )

 

A、由兩個選擇器構成,其中第一個為標記選擇器,第二個為class選擇器或id選擇器,兩個選擇器之間不能有空格。

B、由兩個選擇器構成,其中第一個為標記選擇器,第二個為class選擇器或id選擇器,兩個選擇器之間必須有空格。

C、由兩個選擇器構成,其中第一個為標記選擇器,第二個必須為class選擇器,兩個選擇器之間不能有空格。

D、由兩個選擇器構成,其中第一個為標記選擇器,第二個為id選擇器,兩個選擇器之間必須有空格。

5.頁面上的div標簽,其HTML代碼為&lt;div id="box" style="color:red">文字&lt;/div>,為其設置CSS樣式如下:

#box{

color:blue;

}

那么,文字的顏色將顯示為 (  B?   )

 

A、紅色

B、藍色

C、黑色

D、以上選項都不正確

6.使用CSS時,需要遵從一定的規范。下面選項中,CSS樣式書寫正確的是( B   )

A、h1{font:12px;}

B、h1[font_size:12px;]

C、h1(font:size;)

D、h1{font-size:12px;}

7.在CSS中,提供了字體樣式屬性來控制網頁中的字體。下面的字體樣式設置正確的是( B   )

 

A、{font-family: 黑體;}

B、{font-family: "黑體";}

C、{fontFamily: "黑體";}

D、{font-Family: "黑體";}

8.關於行內式引入CSS樣式表,以下書寫正確的是(  C   )

 

A、&lt;p style=font-size:12px; color:red;>段落文本&lt;/p>

B、&lt;p style="font-size:12px, color:red;">段落文本&lt;/p>

C、&lt;p style="font-size:12px; color:red;">段落文本&lt;/p>

D、&lt;p style="font:12px; color:red;">段落文本&lt;/p>

9.關於內嵌式引入CSS樣式表,以下書寫正確的是(  B?   )

 

A、&lt;style type="text/stylesheet">&lt;/style>

B、&lt;style type="text/css">&lt;/style>

C、&lt;css type="text/style">&lt;/css>

D、&lt;css type="text/stylesheet">&lt;/css>

10.當&lt;p>標記內嵌套&lt;strong>標記時,就可以使用后代選擇器對其中的&lt;strong>標記進行控制。下列寫法正確是( B    )

 

A、strong p{color:red;}

B、p strong{color:red;}

C、strong,p{color:red;}

D、p.strong{color:red;}

11.關於內嵌式CSS樣式的語法格式中,下列選項正確的是(  A )

 

A、選擇器{k:v; k:v; k:v;}

B、選擇器{k:v, k:v, k:v,}

C、選擇器{k,v; k,v; k,v;}

D、選擇器{k->v; k->v; k->v;}

12.下面的選項中, CSS樣式規則的具體格式正確的是(C?    )

A、選擇器{屬性1:屬性值1; 屬性2:屬性值2 屬性3:屬性值3}

B、選擇器{屬性1:屬性值1, 屬性2:屬性值2, 屬性3:屬性值3;}

C、選擇器{屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3;}

D、選擇器{屬性1:屬性值1 屬性2:屬性值2 屬性3:屬性值3}

13.在CSS中,兩個或多個基礎選擇器可以通過不同的方式進行組合。下列寫法錯誤的是(  D  )

 

A、.myDiv .mySpan

B、myDiv .mySpan

C、myDiv.mySpan

D、.myDiv #myDiv

14.在行內式CSS樣式中,&lt;style>標記可以設置元素的樣式,它一般位於( C )標記中&lt;title>標記之后。

 

A、&lt;h1>

B、&lt;p>

C、&lt;head>

D、&lt;body>

15.如果使用內嵌式CSS樣式表定義&lt;p>標記字號為12像素,鏈入式定義&lt;p>標記顏色為紅色,那么段落文本將顯示為( B   )

 

A、只顯示12像素

B、12像素紅色

C、只顯示紅色

D、以上都不正確      

16.下列選項中,符合后代選擇器書寫要求的是(  A   )

 

A、p strong{ font-weight:bold; }

B、p.strong{ font-weight:bold; }

C、p,strong{ font-weight:bold; }

D、p#div{ font-weight:bold; }

17.為了更方便的控制網頁中各種各樣的字體,CSS提供了字體樣式屬性。下面選項中,設置字號大小書寫正確的是(  A  )

A、{ font-size: 24px; }

B、{ font: 24px; }

C、{ fontSize: 24px; }

D、{ size: 24px; }

18.下面的選項中, 行內式CSS樣式的基本語法格式正確的是( D   )

 

A、&lt;標記名 屬性1:屬性值1; 屬性2:屬性值2; ......> 內容 &lt;/標記名>

B、&lt;標記名 style:"屬性1:屬性值1; 屬性2:屬性值2; ......"> 內容 &lt;/標記名>

C、&lt;標記名 style="屬性1:屬性值1, 屬性2:屬性值2,......"> 內容 &lt;/標記名>

D、&lt;標記名 style="屬性1:屬性值1; 屬性2:屬性值2; ......"> 內容 &lt;/標記名>

19.使用標簽指定式選擇器,讓段落應用class名為test的類,下列寫法正確的是(A   )

 

A、.p .test{color:red;}

B、p#test{color:red;}

C、p.test{color:red;}

D、.p,test{color:red;}

20.頁面上的div標簽,其HTML代碼為&lt;div id="box" class="red">文字&lt;/div>,為其設置CSS樣式如下:

#box{

color:blue;

}

.red{

color:red;

}

那么,文字的顏色將顯示為 (  B?   )

 

A、紅色

B、藍色

C、黑色

D、白色

21.在CSS中,用於設置首行文本縮進的屬性是( D   )

 

A、text-decoration

B、text-align

C、text-transform

D、text-indent

   

判斷題

1.導入式與鏈入式相同,都是針對外部樣式表文件的。對HTML頭部文檔應用style標記,並在&lt;style>標記內的開頭處使用@important語句,即可導入外部樣式表文件。(   )( )

2.text-align屬性用於設置文本內容的水平對齊,可適用於所有元素。(  X )

( )

3.CSS樣式中的選擇器嚴格區分大小寫,屬性和值可以不區分大小寫。(  V )( )

4.后代選擇器用來選擇元素或元素組的后代,其寫法就是把外層標記寫在前面,內層標記寫在后面,中間用空格分隔。( V  )( )

5.在CSS中,行高屬性line-height是用來設置文本高度的。( X  )( )

6.在鏈入式CSS樣式中,一個HTML頁面只能引入一個樣式表。( V  )( )

7.雖然導入式和鏈入式功能基本相同,但是大多數網站都是采用導入式引入外部樣式表。(  V )( )

8.word-spacing屬性用於定義英文單詞之間的間距,對中文字符無效。(  V )( )

9.id選擇器使用“#”進行標識,后面緊跟id名。(  V )( )

10.導入式是對HTML頭部文檔應用style標記,並在&lt;style>標記內的開頭處使用@important語句,即可導入外部樣式表文件。(   )( )

11.內嵌式CSS樣式只對其所在的HTML頁面有效,因此,僅設計一個頁面時可以使用內嵌式。(   )(V )

12.在嵌套結構中,不管父元素樣式的權重多大,被子元素繼承時,它的權重都為0,也就是說子元素定義的樣式會覆蓋繼承來的樣式。( V  )( )

13.導入式CSS樣式,其style標記內可以存放其他的內嵌樣式,@import語句需要位於其他內嵌樣式的上面。( V  )( )

14.CSS基礎選擇器僅有三種,分別是標記選擇器、類選擇器、id選擇器。(X   )( )

15.在CSS代碼中,空格是不被解析的。因此,屬性的值和單位之間允許出現空格。(X?)( )

16.在CSS中,各個選擇器通過逗號連接就形成了並集選擇器。( V  )( )

17.在CSS中,元素的寬高屬性具有繼承性。( X  )

18.CSS具有繼承性和層疊性,所謂繼承性是指書寫CSS樣式表時,子標記會繼承父標記的某些樣式。( V  )( )

19.如果需要在后代選擇器中加入更多的元素,只需在元素之間加上逗號即可。( X  )( )

20.body元素設置字號屬性時,標題文本不會采用這個樣式,說明標題標記沒有繼承文本字號,不具有繼承性。( X  )( )

21.並集選擇器是各個選擇器通過逗號連接而成的,任何形式的選擇器都可以作為並集選擇器的一部分。(  V )( )

22.如果行內樣式表中規定<div id="box" style="color:red;">&lt;/div>,內嵌樣式表規定#box{color:green !important; }。因為行內樣式表的CSS優先級小於!important的優先級,所以#box文字顏色為綠色。( V  )

23.在CSS中,元素的邊框屬性不具有繼承性。( V?  )

24.書寫CSS樣式時,多個屬性之間必須用英文狀態下的分號隔開,最后一個屬性后的分號可以省略。(  V )

25.導入式與鏈入式相同,都是針對外部樣式表文件的。(V   )

26.在編寫CSS代碼時,為了提高代碼的可讀性,通常需要加CSS注釋語句。(V   )

27.內嵌式CSS樣式對網站中的所有HTML頁面都有效。( X  )

28.行內式CSS樣式是通過標記的屬性來控制樣式的,沒有做到結構與表現的分離,所以一般很少使用。(  V  )

29.font-variant屬性用於設置變體(字體變化),一般用於定義小型大寫字母,僅對英文字符有效。( V  )

30.內嵌式是將CSS代碼集中寫在HTML文檔的&lt;head>頭部標記中,並且用&lt;style>標記定義。(V   )

31.內嵌式CSS樣式用&lt;style>標記定義,&lt;style>標記一般位於&lt;head>標記中&lt;title>標記之后,也可以把它放在HTML文檔的任何地方。  ( V  )

32.標簽指定式選擇器又稱交集選擇器,由兩個選擇器構成,它們之間用空格隔開。( X  )

33.在CSS中,任何的HTML標記都擁有style屬性。( V   )

34.如果外鏈樣式表中規定#box{color:red;},內嵌樣式表規定#box{color:green; }。因為外鏈樣式表的CSS優先級小於內嵌樣式表,所以#box文字顏色為綠色。( V  )

35.導入式CSS樣式,其style標記內可以存放其他的內嵌樣式,@import語句可以放在HTML文檔的任何地方。(  V )

36.鏈入式是使用頻率最高,也最實用的CSS樣式表,它將HTML代碼與CSS代碼分離為兩個或多個文件,實現了結構和表現的完全分離。(V   )

37.鏈入式最大的好處是同一個CSS樣式表可以被不同的HTML頁面鏈接使用。(  V )

38.font-family屬性設置字體時, 中文字體需要加英文狀態下的引號,英文字體一般不需要加引號。(V   )

39.在CSS中,元素的內、外邊距屬性都不具有繼承性。( V  )

40.標簽指定式選擇器又稱並集選擇器,是各個選擇器通過逗號連接而成的。( X  )

41.通配符選擇器設置的樣式對所有的HTML標記都生效,不管標記是否需要該樣式,這樣反而降低了代碼的執行速度。( V  )

42.在行內式CSS樣式中,屬性和值的書寫規范與CSS樣式規則不相同。( X  )

43.在CSS中,常用的復合選擇器有三種,其中后代選擇器用來選擇元素或元素組的后代。(  V )

44.標簽指定式選擇器又稱並集選擇器,由兩個選擇器構成。 (X   )

45.在鏈入式CSS樣式中,一個HTML頁面可以引入多個樣式表。( V  )

46.使用並集選擇器定義樣式與對各個基礎選擇器單獨定義樣式效果完全不相同。( X )

47.鏈入式是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中,通過&lt;link />標記將外部樣式表文件鏈接到HTML文檔中。( V  )

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM