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

下載本文檔

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

文檔簡介

項目3使用CSS3選擇器一.填空題1．如果一個標簽上應(yīng)用多個類選擇器，類名與類名之間用隔開。答:空格2．CSS為超級鏈接文本建立了4個偽類選擇器：為鏈接沒有被訪問的樣式，為被訪問過的超級鏈接文本樣式，為鼠標移到超級鏈接文本上方的樣式，為按下鼠標左鍵時發(fā)生的樣式。答：:link、：ivsited:hover、:active3．CSS中ID選擇器在定義的前面要有。答：#4．創(chuàng)建CSS類選擇器樣式時，樣式名稱的前面必須加一個。答：點5．的優(yōu)先級最高；ID選擇器的權(quán)值為；class類選擇器的權(quán)值為；標簽選擇器的權(quán)值為。答：行內(nèi)樣式、100、10、16．通配符選擇器使用表示，意思是“所有的”。答：*二.單項選擇題（只有一個正確答案）1．以下（）合法的類選擇器的名稱。A．#font B．.22font C．.font D．#font22答：C2．引入CSS樣式表中，不需聲明選擇器的是（）。A．行內(nèi)式CSS樣式表 B．內(nèi)嵌式CSS樣式表C．鏈接式CSS樣式表 D．導入式CSS樣式表答：A3．下列使用類選擇器定義樣式正確的是（）。A．h2{color:red} B．#one{color:red}C．.two{color:red} D．p,h1{color:red}答：C4．關(guān)于選擇器的優(yōu)先級說法錯誤的是（）。A．行內(nèi)樣式的優(yōu)先級高于類別選擇器 B．選擇器越特殊，它的優(yōu)先級越高C．100表示標簽選擇器的優(yōu)先級 D．ID選擇器的優(yōu)先級高于類別選擇器答：C5．下列不屬于CSS樣式定義的選擇器的是（）。A．class B．ID C．變量 D．HTML中的標記答：C6．CSS樣式表中定義p{color:red}表示（）。A．正在點擊文字的色彩是紅色 B．網(wǎng)頁中<p>標記文字的顏色是紅色C．非鏈接文字的色彩是紅色 D．網(wǎng)頁中所有文字的顏色是紅色答：B7．關(guān)于CSS選擇器說法正確的是（）。A．類選擇器的定義的方法是：#類名{樣式}B．聲明CSS選擇器樣式時屬性和屬性值之間用空格分隔C．類別選擇器和ID選擇器只是在寫法上有區(qū)別，在應(yīng)用和意義上沒有區(qū)別D．ID選擇器的使用方法：<指定標簽id=”id名”>答：D8．設(shè)置所有的<p>標簽的文字為藍色（）。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．樣式表中的冒號(:)可以用=替代 D．此段代碼是一個CSS類別選擇器答：A10．分析以下CSS樣式代碼表示（）。#title{background-color:green}A．網(wǎng)頁中的標題文字是綠色的B．網(wǎng)頁中某一個id為title的元素中的內(nèi)容背景顏色是綠色的C．網(wǎng)頁中元素名為title的內(nèi)容是綠色的D．網(wǎng)頁中某一個class為title的元素中的內(nèi)容背景顏色是綠色的答：B11．分析以下CSS樣式代碼表示（）。.one{color:yellow}A．網(wǎng)頁中元素名為one元素是黃色的B．網(wǎng)頁中含有class=”one”元素文字是黃色的C．網(wǎng)頁中某一個id為one的元素文字是黃色的D．以上任意一個都可以答：B12．在HTML中，使用class選擇器，將樣式應(yīng)用于網(wǎng)頁上某個段落的代碼如下所示：<pclass=”pone”>這是一個段落</p>下面選項中，（）正確定義了上面代碼引用的樣式規(guī)則。A．.pone{color:red} B．#pone{color:red}C．.p{color:red} D．p{color:red}答：A13．分析下面的HTML代碼，下列說法錯誤的是（）。<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"為標簽選擇器C．“你好”和“歡迎”都應(yīng)用了類選擇器"red" D．“你好”的文本顏色為藍色答：D14．閱讀下面HTML代碼，段落標簽<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是用于元素成為焦點時的樣式B．a(chǎn):hover是鼠標正在按下時鏈接文字的樣式C．a(chǎn):link是鼠標指針懸浮在鏈接上的時的樣式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三、多項選擇題（至少有兩個正確答案）1．CSS中的選擇器包括（）。A．標簽選擇器B．類選擇器C．通配符選擇器D．ID選擇器答：ABCD2．下列有關(guān)選擇器的說法，正確的是（）。A．標簽選擇器的優(yōu)先級比類選擇器的優(yōu)先級高B．ID選擇器應(yīng)用具有唯一性C．標簽選擇器用于修改HTML元素默認的樣式D．偽類選擇器只能用于定義超鏈接的狀態(tài)答：BD3．以下關(guān)于class選擇器和id選擇器的說法，正確的是（）。A．class選擇器的語法格式是：.類名{樣式}B．一個class選擇器只能對應(yīng)于文檔中一個具體的元素對象C．class的應(yīng)用方法：<指定標簽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標準這樣規(guī)定的，在同一個頁面內(nèi)，不允許有相同名字的id對象出現(xiàn)，但是允許相同名字的class。這樣，一般網(wǎng)站分為頭，體，腳部分，因為考慮到它們在同一個頁面只會出現(xiàn)一次，所以用id，其他的，比如說你定義了一個顏色為red的class，在同一個

溫馨提示

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

評論

0/150

提交評論