《CSS樣式》習題答案甄選_第1頁
《CSS樣式》習題答案甄選_第2頁
《CSS樣式》習題答案甄選_第3頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

PAGEPAGE9/9doc格式可編輯一、選擇題CSS是（ C ）的縮寫。ColorfulStyleSheetsComputerStyleSheetsCascadingStyleSheetsCreativeStyleSheets引用外部樣式表的格式是（<stylesrc="mystyle.css">

《CSS樣式》習題答案。B．<linkrel="stylesheet"type="text/css"href="mystyle.css">B．C．<stylesheet>mystyle.css</stylesheet>引用外部樣式表的元素應該放在（ C 。A．HTMLB．

文檔的開始的位置文檔的結束的位置Chead元素中D．body元素中內部樣式表的元素是<style><css><script>

A 。元素中定義樣式表的屬性名是styleclassD．font

A 。下列（ C ）是定義樣式表的正確格式。{body:color=black(body}body:color=blackbody{color:black}{body;color:black}下列（ A ）是定義樣式表中的注釋語句。/*注釋語句*///注釋語句//注釋語句//‘注釋語句如果要在不同的網(wǎng)頁中應用相同的樣式表定義，應該（ C 。HTML的元素中定義樣式表HTML的標記中定義樣式表通過一個外部樣式表文件定義樣式表以上都可以樣式表定義#title{color:red}表示（ B 。網(wǎng)頁中的標題是紅色的idtitle的元素中的內容是紅色的title的內容是紅色的以上任意一個都可以10．樣式表定義.outer{background-color:yellow}表示（ B 。10．idouter的元素的背景色是紅色的class=”outer”元素的背景色是紅色的outer元素的背景色是紅色的以上任意一個都可以光標移動文本框上方時，文本框邊框的顏色就改變，這是因為激發(fā)了下列的（onFocusonMouseUponMousrOveronMousMOve下列屬性哪一個能夠實現(xiàn)層的隱藏？（ C ）display:falsedisplay:hiddendisplay:none

）事件。display:""下列選項中，不屬于文本屬性的是（ D 。font-sizefont-styletext-alignfont-color頁面上有一個按鈕，同時定義好了一個類樣式（按鈕圖片樣式表c，那么使用（ B以實現(xiàn)背景圖片的改變。onMouseOver="className=btnPic"onMouseOver="this.className=btnPic"onMouseOver="this.style.className=btnPic"this.btn.style.className="btnPic"二、簡答題1、什么是標記選擇器并舉例說明。CSS標記選擇器就是聲明哪些標記采用哪種CSS樣式例如：h1{ color:red; font-size:25px;}2、什么是類別選擇器并舉例說明。類別選擇器的名字可以由用戶自定義，用做html頁面某標簽的class屬性值例如：.red{ color:red;font-size:18px }3、什么是ID選擇器并舉例說明。ID選擇器是針對html頁面中某個具有此ID屬性的標簽設置的CSS樣式。例如：#bold{ font-weight:bold; }4、舉例說明什么是行內式CSS樣式。htmlstyleCSS代碼直接寫在其中。例如：<p正文內容</p>5、舉例說明什么是內嵌式CSS樣式。內嵌樣式表就是將CSS寫在<head>與</head>之間，并且用<style>和</style>標記進行聲明。

）就可例如：<head><styletype=”text/css”>p{ color:#0000ff }</style></head>6、舉例說明什么是鏈接式CSS樣式。CSShtmllinkCSS應用到本頁面的樣式使用方法。例如：<linkhref=”myCSS.csstype=”text/css7、舉例說明什么是導入式CSS樣式。importhtmlhtml文件內，作為文件的一部分，類似內嵌式的效果。例如：@importurl(sheet.css);8、什么是交集選擇器，并舉例說明。12ID選擇器。例如：p.special{ color:red }9、什么是并集選擇器，并舉例說明。并集選擇器或者稱為“集體聲明，它的結果是同時選中各個基本選擇器所選擇的范圍例如：h1,h2,p{ color:purple; font-size:15px }10、什么是后代選擇器，并舉例說明。后代選擇器的寫法就是把外層的選擇器名字寫在前面，內層的選擇器名字寫在后面，之間用空格分隔。如：pspan{ color:red }11、在CSS中一個獨立的盒子模型有哪幾部分組成？內容、border（邊框、padding（內邊距）margin（外邊距）12、舉例說明什么是塊級元素和行內元素？塊級元素總是占據(jù)一個矩型區(qū)域，并且同級兄弟塊依次豎直排列，左右撐滿。例如：<ul>行內元素不占有獨立的區(qū)域，并且同級元素之間橫向排列，到最右端自動這行。例如：<a>13、解釋一下div標簽的作用<div>是一個區(qū)塊容器標記，即<div>與</div>之間相當于一個容器，可以容納段落、標題、表格、圖片等各html元素。14、解釋一下span標簽的作用<span>標記和<div>一樣，作為容器可以容納各種html元素，但它是一個行內元素，在它的前后不會換行。15、解釋盒子模型的float屬性。float，也就是標準流通常的情況。如果將floatleft16、解釋盒子模型的display屬性。yy屬性設為ee17、圓角框主要有哪幾種制作方法？兩背景圖像法、四圖像不固定寬度圓角框、五圖像二維滑動門圓角框。18CSS兩列布局、三列布局、多列布局。19、CSS布局方法與表格布局方法相比，有哪些優(yōu)勢？（））（）易于修改；（4）視覺一致（5）更易于被搜索引擎找到。20、使用CSS布局的網(wǎng)頁應實現(xiàn)哪些要求？寬度使用多列布局，并保證頁頭和頁腳正確顯示；可以指定列寬度固定，其余列寬度自適應；html中，個列可以任意順序排列，最終效果都正確顯示。三、案例分析題1、解釋以下CSS樣式的含義。table{border:1px#333solid;font:12pxarial;width:500px

k}td,th{padding:5px;border:2pxsolid#EEE;border-bottom-color:#666;border-right-color: #666;}#333arial；表。#EEE，底部和右側邊框顏色特別設為#6662、解釋以下CSS樣式的含義。form{border:1pxdotted#AAAAAA;padding:3px6px3px6px;margin:0px;font:14pxArial;}select{width:80px;background-color:#ADD8E6;}設置表單邊框寬度為1px，點劃線，顏色為#AAAAAA，內上、右、下、左邊距分別為：3px6px3px6px，外邊距為0px，字體為14px大小的Arial字體。設置選擇框寬度為80px，背景顏色為#ADD8E63、解釋以下CSS樣式的含義。input{color:#00008B;}input.btn{background-color:#ADD8E6;padding:1px2px1px2px;}設置input標簽中字體顏色為#00008B；inputidbtn的按鈕背景顏色設為#ADD8E6、、、2px4、解釋以下CSS樣式的含義。.rounded{background:url(images-notebook/left-top.gif) topleftno-repeat;}.roundedh2{background:url(images-notebook/right-top.gif) toprightno-repeat;padding:20px20px10px;margin:0;}定義類選擇器.rounded：背景圖像為left-top.gif，從左上角開始，不平鋪定義后代選擇器.roundedh2right-top.gif，從右上角開始，不平鋪；內上、左右、下邊距分別20px20px05、畫出一個1-（1-2）+1）-1的布局結構示意圖。6、畫出一個1-（1+（3-1-2）-1的布局結構示意圖。7CSS樣式的含義。margin:0auto;width:85%;}#content{position:absolute;width:300px;}idheadercontainerdiv0auto，寬度為相對于父元素寬度的85%idcontentdiv300px8、解釋以下CSS樣式的含義。A:link{COLOR:#3333cc;TEXT-DECORATION:none}A:visited{COLOR:#990099;TEXT-DECORATION:none}A:active{COLOR:#ff0000;TEXT-DECORATION:underline}A:hover{COLOR:#3333cc;TEXT-DECORATION:underline}設置超鏈接樣式：未操作時：顏色為#3333cc，無下劃線；單擊過后：顏色為#990099，無下劃線；單擊時：顏色為#ff0000，有下劃線；懸停時：顏色為#3333cc，有下劃線；9、寫出下列要求的CSS樣式表login_back.gif，并且背景圖像垂直平鋪。使用類選擇器，設置按鈕的樣式，按鈕背景圖像：login_submit.gif；字體顏色：#FFFFFFF；字體大?。篵old。body{background-image:url(img/login_back.gif);background-repeat:repeat-y;}.picButton{background-image:url(img/login_submit.gif);color:#FFFFFF;font-size:14px;font-weight:bold;margin:0px;b

溫馨提示

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

評論

0/150

提交評論