《HTML+CSS+JavaScript網(wǎng)頁設(shè)計教程》課件-網(wǎng)頁設(shè)計教材（習題及答案-第三章）_第1頁
《HTML+CSS+JavaScript網(wǎng)頁設(shè)計教程》課件-網(wǎng)頁設(shè)計教材（習題及答案-第三章）_第2頁
《HTML+CSS+JavaScript網(wǎng)頁設(shè)計教程》課件-網(wǎng)頁設(shè)計教材（習題及答案-第三章）_第3頁
《HTML+CSS+JavaScript網(wǎng)頁設(shè)計教程》課件-網(wǎng)頁設(shè)計教材（習題及答案-第三章）_第4頁
《HTML+CSS+JavaScript網(wǎng)頁設(shè)計教程》課件-網(wǎng)頁設(shè)計教材（習題及答案-第三章）_第5頁
已閱讀5頁，還剩1頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

第三章習題與實踐選擇題1.下列關(guān)于CSS規(guī)則的選項中，正確的是（）A.body:color=black B.{body;color:black;}C.body{color:black;} D.{bodycolor:black;}答案：C難度：12.盒子模型中,表示四邊的內(nèi)邊距的關(guān)鍵字是（）A.borderB.paddingC.marginD.decoration答案：B難度：13.CSS盒子模型中，設(shè)置margin屬性時，如果提供四個參數(shù)值，則所指的四邊順序是（）

A.上、下、左、右 B.上、左、下、右C.左、右、上、下 D.上、右、下、左答案：D難度：24.要把超鏈接的顯示方式修改為：塊級元素，應(yīng)使用代碼（）

A.display:block； B.float:left;C.display:none； D.float:none;答案：A難度：2

5.使用十六進制方式表示紅色的是（）

A.#00ff00B.#ff0000C.#0000ffD.#f0f0f0答案：B難度：16.下列CSS代碼中，可以把網(wǎng)頁中已訪問過的超鏈接的顏色設(shè)置為“#800000”的是（）。

A.A:link{color:#800000;text-decoration:none}

B.A:visited{color:#800000;text-decoration:none}

C.A:active{color:#800000;text-decoration:none}

D.A:hover{color:#800000;text-decoration:none}答案：B難度：27.對<p>這是一段測試文字</p>這段文字，要將其文本對齊方式設(shè)置為靠右對齊，以下樣式寫法正確的是（）。A.p{text-align:center;} B.p{text-align:justify;}

C.p{text-align:right;} D.p{text-align:left;}答案：C難度：18.下列選項中，能夠?qū)⑺卸温鋬?nèi)的文字設(shè)置為標準粗體的CSS代碼是（）A.<pstyle="font-size:bold;"></p>B.<pstyle="font-weight:bold;"></p>C.p{font-size:bold;}D.p{font-weight:bold;}答案：D難度：29.下列選項中，優(yōu)先級最高的樣式是（）A.標簽選擇器樣式 B.id選擇器樣式 C.class選擇器樣式 D.行內(nèi)樣式答案：D難度：210.下列選項中，屬于行內(nèi)元素的是（）A.<p></p> B.<div></div> C.<span></span> D.<pre></pre>答案：C難度：211.可以去掉文本超鏈接默認的下劃線的是（）A.a{text-decoration:nounderline;} B.a{underline:none;}C.A{text-decoration:none;} D.a{underline:false;}答案：C難度：112.盒子模型中，p{margin：20px10px}這個CSS規(guī)則的效果是（）A.僅設(shè)置了上邊距為20px，右邊距為10px。B.僅設(shè)置了上邊距為20px，下邊距為10px。C.設(shè)置了上、下邊距為20px，左、右邊距為10px。D.設(shè)置了上、右邊距為20px，下、左邊距為10px。答案：D難度：213.在HTML文檔中，引用外部樣式表的正確位置在（）A.文檔末尾 B.文檔頂部 C.<head></head>D.<body>中答案：C難度：214.以下CSS長度單位中，屬于相對長度單位的是（）A.pt B.em C.inD.cm答案：B難度：2二、填空題CSS的全稱是________________，單獨的樣式表文件擴展名一般為_________。答案：層疊樣式表（CascadingStyleSheets）css難度：22.如果某個樣式將會應(yīng)用到頁面上的多個元素，則應(yīng)該用_________來設(shè)置這個樣式。答案：class（類）選擇器難度：2使用樣式表來設(shè)置網(wǎng)頁元素的具體位置，可以通過left、________、________、________等四個屬性來實現(xiàn)。答案：top、bottom、right難度：2設(shè)置背景圖像在水平方向平鋪的樣式是_________；設(shè)置背景圖像位置的屬性是_________。答案：background-repeat:repeat-xbackground-position難度：25.有以下CSS樣式代碼：<html><head><styletype="text/css">p{color:blue}p.stop{color:red}p#warning{color:yellow}p.normal{color:green}</style></head><body><p>①第一種樣式</p><pclass="stop">②第二種樣式</p><pid="warning">③第三種樣式</p><pclass="normal">④第四種樣式</p><pid="exception">⑤第五種樣式</p></body></html>在上面的程序中使用了CSS的嵌入樣式。①處文字顯示的顏色為_________，②處文字顯示的顏色為_________，③處文字顯示的顏色為_________，④處文字顯示的顏色為_________，⑤處文字顯示的顏色為_________。答案：blue（藍色）red（紅色）yellow（黃色）green（綠色）blue（藍色）難度：2三、實踐題1.使用DIV+CSS實現(xiàn)一個三欄的頁面布局，即將頁面分隔為左、中、右三欄排版布局，如下圖所示。圖1左中右版式答案：<!DOCTYPEhtml>

<htmllang="en">

<head>

<metacharset="UTF-8">

<title>div+css三欄布局</title>

<styletype="text/css">

#div1{

width:906px;

height:503px;

border:1pxsolidblack;

}

#leftDiv{

width:265px;

border:1pxsolidgreen;

height:500px;

float:left;

margin-top:0px;

}

#centerDiv{

width:420px;

border:1pxsolidblue;

height:500px;

float:left;

}

#rightDiv{

width:215px;

border:1pxsolidred;

height:500px;

float:left;

}

</style>

</head>

<body>

<divid=

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 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

提交評論