網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目3 使用CSS3選擇器_第1頁
網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目3 使用CSS3選擇器_第2頁
網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目3 使用CSS3選擇器_第3頁
網(wǎng)頁設(shè)計(jì)與制作教程練習(xí)題及答案 項(xiàng)目3 使用CSS3選擇器_第4頁
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

項(xiàng)目3使用CSS3選擇器一.填空題1.如果一個(gè)標(biāo)簽上應(yīng)用多個(gè)類選擇器,類名與類名之間用隔開。答:空格2.CSS為超級(jí)鏈接文本建立了4個(gè)偽類選擇器:為鏈接沒有被訪問的樣式,為被訪問過的超級(jí)鏈接文本樣式,為鼠標(biāo)移到超級(jí)鏈接文本上方的樣式,為按下鼠標(biāo)左鍵時(shí)發(fā)生的樣式。答::link、:ivsited:hover、:active3.CSS中ID選擇器在定義的前面要有。答:#4.創(chuàng)建CSS類選擇器樣式時(shí),樣式名稱的前面必須加一個(gè)。答:點(diǎn)5.的優(yōu)先級(jí)最高;ID選擇器的權(quán)值為;class類選擇器的權(quán)值為;標(biāo)簽選擇器的權(quán)值為。答:行內(nèi)樣式、100、10、16.通配符選擇器使用表示,意思是“所有的”。答:*二.單項(xiàng)選擇題(只有一個(gè)正確答案)1.以下()合法的類選擇器的名稱。A.#font B..22font C..font D.#font22答:C2.引入CSS樣式表中,不需聲明選擇器的是()。A.行內(nèi)式CSS樣式表 B.內(nèi)嵌式CSS樣式表C.鏈接式CSS樣式表 D.導(dǎo)入式CSS樣式表答:A3.下列使用類選擇器定義樣式正確的是()。A.h2{color:red} B.#one{color:red}C..two{color:red} D.p,h1{color:red}答:C4.關(guān)于選擇器的優(yōu)先級(jí)說法錯(cuò)誤的是()。A.行內(nèi)樣式的優(yōu)先級(jí)高于類別選擇器 B.選擇器越特殊,它的優(yōu)先級(jí)越高C.100表示標(biāo)簽選擇器的優(yōu)先級(jí) D.ID選擇器的優(yōu)先級(jí)高于類別選擇器答:C5.下列不屬于CSS樣式定義的選擇器的是()。A.class B.ID C.變量 D.HTML中的標(biāo)記答:C6.CSS樣式表中定義p{color:red}表示()。A.正在點(diǎn)擊文字的色彩是紅色 B.網(wǎng)頁中<p>標(biāo)記文字的顏色是紅色C.非鏈接文字的色彩是紅色 D.網(wǎng)頁中所有文字的顏色是紅色答:B7.關(guān)于CSS選擇器說法正確的是()。A.類選擇器的定義的方法是:#類名{樣式}B.聲明CSS選擇器樣式時(shí)屬性和屬性值之間用空格分隔C.類別選擇器和ID選擇器只是在寫法上有區(qū)別,在應(yīng)用和意義上沒有區(qū)別D.ID選擇器的使用方法:<指定標(biāo)簽id=”id名”>答:D8.設(shè)置所有的<p>標(biāo)簽的文字為藍(lán)色()。A..p{color:blue}B.#p{color:blue}C.p{color:blue}D.p.all{color:blue}答:C9.分析以下的CSS樣式代碼,可以得出()。h2{color:limegreen;font-family:”楷體”}A.選擇器的名稱是h2 B.limegreen和font-family都是值C.樣式表中的冒號(hào)(:)可以用=替代 D.此段代碼是一個(gè)CSS類別選擇器答:A10.分析以下CSS樣式代碼表示()。#title{background-color:green}A.網(wǎng)頁中的標(biāo)題文字是綠色的B.網(wǎng)頁中某一個(gè)id為title的元素中的內(nèi)容背景顏色是綠色的C.網(wǎng)頁中元素名為title的內(nèi)容是綠色的D.網(wǎng)頁中某一個(gè)class為title的元素中的內(nèi)容背景顏色是綠色的答:B11.分析以下CSS樣式代碼表示()。.one{color:yellow}A.網(wǎng)頁中元素名為one元素是黃色的B.網(wǎng)頁中含有class=”one”元素文字是黃色的C.網(wǎng)頁中某一個(gè)id為one的元素文字是黃色的D.以上任意一個(gè)都可以答:B12.在HTML中,使用class選擇器,將樣式應(yīng)用于網(wǎng)頁上某個(gè)段落的代碼如下所示:<pclass=”pone”>這是一個(gè)段落</p>下面選項(xiàng)中,()正確定義了上面代碼引用的樣式規(guī)則。A..pone{color:red} B.#pone{color:red}C..p{color:red} D.p{color:red}答:A13.分析下面的HTML代碼,下列說法錯(cuò)誤的是()。<head><styletype="text/css">.red{color:red;font-family:"楷體";font-size:30px;}p{color:blue;font-family:"隸書";font-size:20px;}</style></head><body><pclass="red">你好</p><h2class="red">歡迎</h2></body>A."red"為類選擇器 B."p"為標(biāo)簽選擇器C.“你好”和“歡迎”都應(yīng)用了類選擇器"red" D.“你好”的文本顏色為藍(lán)色答:D14.閱讀下面HTML代碼,段落標(biāo)簽<p>內(nèi)文本最終顯示的顏色是()。<styletype="text/css">body{color:blue;}#text{color:red;}.content{color:yellow;}p{color:green}</style><body><pid="text"class="content">床前明月光,疑是地上霜</p></body>A.blue B.red C.yellow D.green答:B15.有關(guān)下面代碼片段的說法,()是正確的。<styletype="text/css">a{color:blue;text-decoration:none;}a:link{color:blue;}a:hover{color:red;}a:visited{color:green;}</style>A.a(chǎn):hover是用于元素成為焦點(diǎn)時(shí)的樣式B.a(chǎn):hover是鼠標(biāo)正在按下時(shí)鏈接文字的樣式C.a(chǎn):link是鼠標(biāo)指針懸浮在鏈接上的時(shí)的樣式D.a(chǎn):visited是鏈接被訪問過后的樣式答:D16.CSS代碼片段pspan{color:red}表示的是()。A.span元素內(nèi)的字體顏色為紅色B.p元素內(nèi)的字體顏色為紅色C.p元素內(nèi)的span元素的字體顏色為紅色D.span元素內(nèi)的p元素的字體顏色為紅色答:C17.屬于相鄰選擇器的是()。A.bodyp{}B.body>p{}C.body,p{}D.body+p{}答:D18.使用群組選擇器的是()。A.p;h1{color:red;} B.p+h1{color:red;}C.p<h1{color:red;} D.p,h1{color:red;}答:D三、多項(xiàng)選擇題(至少有兩個(gè)正確答案)1.CSS中的選擇器包括()。A.標(biāo)簽選擇器B.類選擇器C.通配符選擇器D.ID選擇器答:ABCD2.下列有關(guān)選擇器的說法,正確的是()。A.標(biāo)簽選擇器的優(yōu)先級(jí)比類選擇器的優(yōu)先級(jí)高B.ID選擇器應(yīng)用具有唯一性C.標(biāo)簽選擇器用于修改HTML元素默認(rèn)的樣式D.偽類選擇器只能用于定義超鏈接的狀態(tài)答:BD3.以下關(guān)于class選擇器和id選擇器的說法,正確的是()。A.class選擇器的語法格式是:.類名{樣式}B.一個(gè)class選擇器只能對(duì)應(yīng)于文檔中一個(gè)具體的元素對(duì)象C.class的應(yīng)用方法:<指定標(biāo)簽class=“類名”>D.id選擇器和class選擇器只是在寫法上有區(qū)別,在應(yīng)用和意義上沒有區(qū)別答:AC4.下列定義CSS樣式正確的有()。A.body{color:red;font-family:"楷體";font-size:24px;}B..h2{color:red;font-family:"楷體";}C.#grass{color:green;font-family:"楷書";font-size:24px;}D.p{background-color:bule;text-align:left;}答:ABCD四.問答題1.ID選擇器和類別選擇器在使用上有什么區(qū)別?答:W3C標(biāo)準(zhǔn)這樣規(guī)定的,在同一個(gè)頁面內(nèi),不允許有相同名字的id對(duì)象出現(xiàn),但是允許相同名字的class。這樣,一般網(wǎng)站分為頭,體,腳部分,因?yàn)榭紤]到它們?cè)谕粋€(gè)頁面只會(huì)出現(xiàn)一次,所以用id,其他的,比如說你定義了一個(gè)顏色為red的class,在同一個(gè)

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論