網(wǎng)頁設計與制作教程練習題及答案 項目6使用CSS美化圖片

項目6使用CSS美化圖片一.填空題1．網(wǎng)頁中常用的圖像文件格式為、和。答：GIF、JPEG、PNG2．在網(wǎng)頁中插入圖像時，有兩個必需的屬性，屬性用于設置圖像的替代文本；屬性用于指定圖片源文件地址的。答：alt、src3．<img>標簽的和屬性，使用它們可以控制圖像的大小。答：height、width4．屬性，可以設計圖像的圓角樣式，答：border-radius5．background-可以設置背景圖片的平鋪屬性。答：repeat6．CSS3中屬性可以為元素設置圓角邊框。答：border-radius7．已知網(wǎng)站所需的圖片都放在images文件夾中，現(xiàn)要在index.html這個網(wǎng)頁中插入圖片dongtai.jpg，應使用語句。答：<imgsrc=”images/dongtai.jpg”>二.單項選擇題（只有一個正確答案）1．在網(wǎng)頁中，（）圖像格式在網(wǎng)上使用廣泛，能夠支持所有瀏覽器。A．GIF和BMP B．JPEG和PSD C．JPEG和GIF D．BMP和PSD答：C2．下列選項中，（）圖片格式不能在網(wǎng)頁中插入。A．GIF格式 B．JPEG格式 C．PNG格式 D．SWF格式答：D3．下列選項中，支持圖片的背景是透明的圖片文件格式是（）。A．GIF格式 B．JPEG格式 C．PNG格式 D．SWF格式答：C4．在HTML5中，使用（）標簽可以把圖像插入到網(wǎng)頁中。A．<bgcolor> B．<backgroud> C．<img> D．<url>答：C5．在插入圖片標簽中，下列（）屬性是圖像的替換文本屬性，在圖像無法顯示時告訴用戶該圖片的內容。A．name B．align C．alt D．src答：C6．下列關于在網(wǎng)頁中插入圖像的HTML語句，正確的是（）。A．<imgurl=”photo.jpg”/> B．<imgsrc=”photo.jpg”/>C．<imgurl=”photo.jpg”></img> D．<imgsrc=photo.jpg></img>答：B7．以下關于文件路徑的說法，正確的是（）。A．文件路徑指文件存儲的位置 B．“../”用于返回當前目錄的上一級目錄C．“../”用于訪問當前目錄 D．“./”用于返\回當前目錄答：A8．下列是相對路徑的是（）。A． B．d:/img/timg.jpgC．../img/timg.jpg D．50答：B9．下列屬性中，（）可以為圖像定義邊框。A．imgB．cssC．tableD．border答：D10．下列選項中，（）可以設置右邊框的樣式。A．border-leftB．border-bottomC．border-rightD．border-top答：C11．下列選項中，設置邊框粗細的是（）。A．border-styleB．border-widthC．border-colorD．border-size答：B12．給圖像邊框樣式設置為紅色虛線的是（）。A．border-style:1pxsolidred;B．border:1pxdashedred;C．border-color:1pxdoublered;D．border-width:1pxdashedred;答：B13．將圖像的下邊框線設置為黑色雙線，下面設置正確的是（）。A．border-top:black1pxsolid; B．border-left:1px,black,dotted;C．border-bottom:1pxblackdouble; D．border-right:1px;black;dashed;答：C14．下列（）表示上邊框粗細為10px、下邊框粗細為20px、左邊框粗細為30px、右邊框粗細為40px。A．border-width:10px20px30px40px B．border-width:10px40px20px30pxC．border-width:10px30px20px40px D．border-width:40px30px20px10px答：B15．下列（）表示上邊框粗細為5px、下邊框粗細為20px、左右邊框粗細為10px。A．border-width:5px10px20px B．border-width:5px20px10pxC．border-width:10px20px5px D．border-width:10px5px20px答：A16．在HTML5中，使用（）標記可以向網(wǎng)頁中插入GIF動畫文件。A．<form> B．<img> C．<table> D．<border>答：B17．用于設置背景顏色的CSS屬性的是（）。A．background-colorB．colorC．bgcolorD．background-image答：A18．下列給所有的<h1>標簽添加黑色背景色的是（）。A．.h1{background-color:black} B．h1.all{bgcolor:black}C．h1{background-color:black} D．#h1{bgcolor:black}答：C19．給網(wǎng)頁頁面添加背景圖片bg.jpg，下列HTML語句正確的是（）。A．body{background-image=”bg.jpg”} B．body{background-image:”bg.jpg“}C．body{background-image=url(bg.jpg)} D．body{background-image:url(bg.jpg)}答：D20．在CSS樣式中，不是設置背景圖像的屬性是（）。A．background-position B．background-imageC．background-repeat D．background-url答：D21．在CSS樣式中，能精確定位背景圖像的屬性是（）。A．background-size B．background-positionC．background-repeat D．background-image答：B22．下列關于background說法錯誤的是（）。A．background可以精確定位背景圖像B．background可以設置頁面元素的背景圖像C．background可以設置背景圖像的大小D．background屬性默認情況下只在水平方向重復背景圖像答：D23．給網(wǎng)頁頁面添加一張背景圖片bg.gif，位置在右下角，不平鋪，且不隨著頁面滾動，下列語句正確的是（）。A．body{background-image:url(bg.gif)no-repeatbottomright;background-attachment:fixed;}B．body{background-image:url(bg.gif)repeat-xbottomleft;background-attachment:scroll;}C．body{background-image:url(bg.gif)repeat-ytopright;background-attachment:local;}D．body{background-image:url(bg.gif)no-repeatcenterright;background-attachment:inhert;}答：A24．在網(wǎng)頁中實現(xiàn)圖文混排及首字下沉效果最好的方法是（）。A．浮動B．相對定位C．絕對定位D．以上都對答：A25．關于代碼<imgsrc="flower.jpg"alt="玫瑰花"/>中的alt屬性注釋文字，下列說法正確的是（）。A．當瀏覽器不顯示圖像時，使用注釋文字“玫瑰花”替換圖像B．當鼠標移到圖像并停留一段時間后，注釋文字“玫瑰花”將顯示出來C．每過段時間圖像上都會定時顯示注釋的文字“玫瑰花”D．以上說法都不對答：A26．關于下列代碼片段，說法錯誤的是（）。<imgsrc="yulan.jpg"align="left"width="100px"height="100px"title="玉蘭花"/>A．圖像的大小為100px*100pxB．圖像的對齊方式為左對齊C．當瀏覽器關閉圖像顯示，則顯示文字“玉蘭花”D．當鼠標移到圖像并停留一段時間后，“玉蘭花”將顯示出來答：C三、多項選擇題（至少有兩個正確答案）1．關于相對路徑，以下說法正確的有（）。A．相對路徑指的是源文件同目標文件之間的相互位置B．如果圖片的位置和網(wǎng)頁文檔位于同一目錄下，則只需要指明圖片的名稱即可C．如果圖片的位置和網(wǎng)頁文檔不在同一目錄下，就無法使用相對路徑D．如果圖片的位置和網(wǎng)頁文檔不在同一個目錄下，就需要將目錄的相對關系表示出來答：ABD2．下列選項中，是背景圖像屬性的有（）。A．background-position B．background-imageC．background-repeat D．background-size答ABCD3．關于圖像的邊框，以下寫法正確的是（）。A．border-top-widthB．border-styleC．border-widthD．border-color答：BCD四、判斷題1．JPEG格式支持的顏色比GIF格式多。（）答：√2．background:#ccc與background-color:#ccc這兩種寫法都是正確的。（）答：√3．語句border:1px2px3px4px表示設置某個HTML元素的上邊框為1px、下邊框為2px、左邊框為3px、右邊框為4px。（）答：×五.問答題1．在HTML文檔中插入圖像使用什么標記？該標記有哪些常用屬性？分別實現(xiàn)什么功能?答：在HTML5中，使用<img>標簽可以把圖像插入到網(wǎng)頁中，具體的用法如下：<imgsrc=“URL”alt=“替代文本”/>img元素向網(wǎng)頁中嵌入一幅圖像，從技術上分析，<img>標簽并不會在網(wǎng)頁插入圖像，而是從網(wǎng)頁上鏈接圖像，<img>標簽創(chuàng)建的是被引用圖像的占位空間。<img>標簽有兩個必需的屬性：src屬性和alt屬性。具體說明如下：alt:設置圖像的替代文本。src:定義顯示圖像的URL。src屬性用于設置圖像文件所在的路徑，這一路徑可以是相對路徑，也可以