CSS總結(jié)復(fù)習(xí)題目資料_第1頁
CSS總結(jié)復(fù)習(xí)題目資料_第2頁
CSS總結(jié)復(fù)習(xí)題目資料_第3頁
CSS總結(jié)復(fù)習(xí)題目資料_第4頁
CSS總結(jié)復(fù)習(xí)題目資料_第5頁
已閱讀5頁，還剩18頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

一、選擇題1．

CSS

是（

）的縮寫。A．ColorfulStyleSheetsB．ComputerStyleSheetsC．CascadingStyleSheetsD．CreativeStyleSheets2．引用外面款式表的格式是（B）。A．<stylesrc="mystyle.css">B．<linkrel="stylesheet"type="text/css"href="mystyle.css">C．<stylesheet>mystyle.css</stylesheet>3．引用外面款式表的元素應(yīng)當(dāng)放在

（

）。A．HTML文檔的開始的地點(diǎn)B．HTML文檔的結(jié)束的地點(diǎn)C．在head元素中D．在body元素中4．內(nèi)部款式表的元素是（）。A．<style>B．<css>C．<script>5．元素中定義款式表的屬性名是（）。A．styleB．classC．stylesD．font6．以下（）是定義款式表的正確格式。A．{body:color=black(body}B．body:color=blackC．body{color:black}D．{body;color:black}7．以下（）是定義款式表中的說明語句。A．/*說明語句*/B．//說明語句C．//說明語句//D．‘說明語句8．該（A．B．C．D．

假如要在不同樣的網(wǎng)頁中應(yīng)用同樣的款式表定義，應(yīng)）。直接在HTML的元素中定義款式表在HTML的<head>標(biāo)志中定義款式表經(jīng)過一個(gè)外面款式表文件定義款式表以上都能夠9．款式表定義#title{color:red}表示（）。A．網(wǎng)頁中的標(biāo)題是紅色的B．網(wǎng)頁中某一個(gè)id為title的元素中的內(nèi)容是紅色的C．網(wǎng)頁中元素名為title的內(nèi)容是紅色的D．以上隨意一個(gè)都能夠10．款式表定義.outer{background-color:yellow}表示（）。A．網(wǎng)頁中某一個(gè)id為outer的元素的背風(fēng)景是紅色的B．網(wǎng)頁中含有class=”outer”元素的背風(fēng)景是紅色的C．網(wǎng)頁中元素名為outer元素的背風(fēng)景是紅色的D．以上隨意一個(gè)都能夠11．以下（）表示p元素中的字體是粗體。A．p{text-size:bold}B．p{font-weight:bold}C．<pstyle="text-size:bold">D．<pstyle="font-size:bold">12．以下（）表示a元素中的內(nèi)容沒有下劃線。A．a(chǎn){text-decoration:nounderline}B．a(chǎn){underline:none}C．a(chǎn){text-decoration:none}D．a(chǎn){decoration:nounderline}13．以下（A）表示上面框線寬10px，下面框線寬5px，左邊框線寬20px，右邊框線寬1px，。A．border-width:10px1px5px20pxB．border-width:10px5px20px1pxC．border-width:5px20px10px1pxD．border-width:10px20px5px1px14．以下（）表示左邊距。A．margin-leftB．marginC．indentD．text-indent15．設(shè)置外邊距（A．能夠B．不能夠

）是負(fù)數(shù)。16．以下（A）表示列表項(xiàng)符號(hào)是小方塊。A．list-style-type:squareB．type:squareC．list-type:squareD．type:217．“款式表定義中的

display

和

visibility

見效是同樣的，都是用于網(wǎng)頁指定對(duì)象的隱蔽和顯示”的說法是（B）。A．正確的B．不正確的18．假如要將網(wǎng)頁中的兩個(gè)div對(duì)象制作為重疊見效，（D）。A．是不能夠能的B．利用表格標(biāo)志<table>C．利用款式表定義中的絕對(duì)地點(diǎn)與相對(duì)地點(diǎn)屬性D．利用款式表定義中的z-index屬性19.CSS是利用什么HTML標(biāo)志建立網(wǎng)頁布局？（）<dir><div><dis><dif>在CSS語言中以下哪一項(xiàng)為哪一項(xiàng)"左邊框"的語法？（

C

）A.border-left-width:<B.border-top-width:<C.border-left:<值>D.border-top-width:<

值>值>值>21.在CSS語言中以下哪一項(xiàng)的合用對(duì)象是"全部對(duì)象"？（A）背景附件文本擺列縱向擺列文本縮進(jìn)22.以下選項(xiàng)中不屬于

CSS

文本屬性的是（

D）A．font-size

B．text-transformC．text-align

D．line-height23.在CSS中不屬于增添在目前頁面的形式是（DA．內(nèi)聯(lián)式款式表B．嵌入式款式表C．層疊式款式表D．鏈接式款式表

）24.在CSS語言中以下哪一項(xiàng)為哪一項(xiàng)"列表款式圖象"的語法？（D）A.width:<值>B.height:<值>white-space:<值>list-style-image:<值>25.以下哪一項(xiàng)為哪一項(xiàng)css正確的語法構(gòu)成？（C）body:color=black{body;color:black}body{color:black;}D..{body:color=black(body}26.下面哪個(gè)CSS屬性是用來改正背景顏色的？（A）background-color:bgcolor:color:text:27.如何給全部的<h1>標(biāo)簽增添背景顏色

?（

B

）A..h1{background-color:#FFFFFF}B.h1{background-color:#FFFFFF;}C.h1.all{background-color:#FFFFFF}D.#h1{background-color:#FFFFFF}以下哪個(gè)css屬性能夠改正款式表的字體顏色？（D）A.text-color=C.text-color:

B.fgcolor:D.color:29.以下哪個(gè)css屬性能夠改正字體大??？（B）text-sizefont-sizetext-stylefont-style以下哪段代碼能夠定義全部P標(biāo)簽內(nèi)文字加粗？（D）A.<pstyle="text-size:bold">B.<pstyle="font-size:bold">C.p{text-size:bold}D.p{font-weight:bold}31.如何去掉文本超級(jí)鏈接的下劃線？

（

D

）A.a{text-decoration:nounderline}B.a{underline:none}C.a{decoration:nounderline}D.a{text-decoration:none}32.如何設(shè)置英文首字母大寫？（B）text-transform:uppercasetext-transform:capitalize款式表做不到text-decoration:none33.以下哪個(gè)css屬性能夠改正文本字體？（C）f:font=font-family:text-decoration:none34.以下哪個(gè)css屬性能夠設(shè)置文本加粗？（A）font-weight:boldstyle:boldfont:bfont=35.以下哪個(gè)css屬性能夠設(shè)置盒模型的內(nèi)補(bǔ)丁為（順時(shí)針方向）？（A）A.padding:10px20px30px40pxB.padding:10px1pxC.padding:5px20px10pxD.padding:10px以下哪個(gè)屬性能夠設(shè)置盒模型的左邊外補(bǔ)丁？（C）A.margin:indent:margin-left:text-indent:定義盒模型外補(bǔ)丁的時(shí)候能否能夠使用負(fù)值?（A）是否38.如何能夠定義列表的項(xiàng)目符號(hào)為實(shí)心矩形？（

D

）A.list-type:squareB.type:2C.type:squareD.list-style-type:square在CSS語言中以下哪些選項(xiàng)是背景圖像的屬性（ABCD）A背景重復(fù)B背景附件C縱向擺列背景地點(diǎn)40.CSS中的選擇器包含（BCD）A．超文本標(biāo)志選擇器B．類選擇器C．標(biāo)簽選擇器D．ID選擇器二、簡答題1、什么是標(biāo)志選擇器并舉例說明。CSS標(biāo)志選擇器就是申明哪些標(biāo)志采納哪一種CSS款式。比方：h1{color:red;font-size:25px;}2、什么是種類選擇器并舉例說明。種類選擇器的名字能夠由用戶自定義，用做html頁面某標(biāo)簽class屬性值。比方：.red{color:red;font-size:18px}3、什么是ID選擇器并舉例說明。ID選擇器是針對(duì)html頁面中某個(gè)擁有此ID屬性的標(biāo)簽設(shè)置CSS款式。比方：#bold{font-weight:bold;}4、舉例說明什么是行內(nèi)式CSS款式。行內(nèi)式是直接對(duì)html的標(biāo)志使用style屬性，此后將CSS代碼直接寫在此中。比方：<pstyle=”color:#ff0000;font-size:20px>正文內(nèi)容</p>5、舉例說明什么是內(nèi)嵌式CSS款式。內(nèi)嵌款式表就是將CSS寫在<head>與</head>之間，而且用<style>和</style>標(biāo)志進(jìn)行申明。比方：<head><styletype=”text/css”>p{color:#0000ff}</style></head>6、舉例說明什么是鏈接式CSS款式。鏈接式CSS款式表是經(jīng)過使用html鏈接文件標(biāo)簽

link

將外部

CSS

應(yīng)用到本頁面的款式使用方法。比如：<linkhref=””type=”text/css”rel=”stylesheet”>7、舉例說明什么是導(dǎo)入式CSS款式。采納import方式導(dǎo)入的款式表，在html文件初始化時(shí)，會(huì)被導(dǎo)入到html文件內(nèi)，作為文件的一部分，近似內(nèi)嵌式的效果。比方：@importurl(sheet.css);8、什么是交集選擇器，并舉例說明。交集選擇器是由兩個(gè)選擇器直接連構(gòu)造成，其結(jié)果是選中兩者各自元素范圍的交集。此中第1個(gè)必然是標(biāo)志選擇器，第2個(gè)必然是種類選擇器或許ID選擇器。比方：p.special{color:red}9、什么是并集選擇器，并舉例說明。并集選擇器或許稱為“集體申明”，它的結(jié)果是同時(shí)選中各個(gè)基本選擇器所選擇的范圍。比如：h1,h2,p{color:purple;font-size:15px}10、什么是后輩選擇器，并舉例說明。后輩選擇器的寫法就是把外層的選擇器名字寫在前面，內(nèi)層的選擇器名字寫在后邊，之間用空格分開。比如：pspan{color:red}11、在CSS中一個(gè)獨(dú)立的盒子模型有哪幾部分構(gòu)成？content（內(nèi)容）、border（邊框）、padding（內(nèi)邊距）和margin（外邊距）12、舉例說明什么是塊級(jí)元素和行內(nèi)元素？塊級(jí)元素老是據(jù)有一個(gè)矩型地區(qū)，而且同級(jí)兄弟塊挨次豎直擺列，左右撐滿。比方：<ul>行內(nèi)元素不據(jù)有獨(dú)立的地區(qū)，而且同級(jí)元素之間橫向擺列，到最右端自動(dòng)這行。比方：<a>13、解說一下div標(biāo)簽的作用<div>是一個(gè)區(qū)塊容器標(biāo)志，即<div>與</div>之間相當(dāng)于一個(gè)容器，能夠容納段落、標(biāo)題、表格、圖片等各樣html元素。14、解說一下span標(biāo)簽的作用<span>標(biāo)志和<div>同樣，作為容器能夠容納各樣html元素，但它是一個(gè)行內(nèi)元素，在它的前后不會(huì)換行。15、解說盒子模型的float屬性。float屬性默以為none，也就是標(biāo)準(zhǔn)流平常的狀況。假如將float屬性的值設(shè)置為left或right，元素會(huì)向其父元素的左邊或右邊湊近，同時(shí)默認(rèn)狀況下，盒子的寬度不再伸展，而是縮短，依據(jù)盒子里面的內(nèi)容的寬度來確立。16、解說盒子模型的display屬性。display屬性用于確立盒子的種類。

display

屬性設(shè)為

inline

，即為“行內(nèi)”；設(shè)為block，即為“塊級(jí)”；設(shè)為none，即為“無”，也就是隱蔽盒子。17、圓角框主要有哪幾種制作方法？兩背景圖像法、四圖像不固定寬度圓角框、五圖像二維滑動(dòng)門圓角框。18、使用CSS主要有哪幾種布局方式？兩列布局、三列布局、多列布局。19、CSS布局方法與表格布局方法比較，有哪些優(yōu)勢？1）頁面載入更快；（2）降低網(wǎng)站流量開銷；（3）易于改正；4）視覺一致（5）更易于被搜尋引擎找到。20、使用CSS布局的網(wǎng)頁應(yīng)實(shí)現(xiàn)哪些要求？1）寬度使用多列布局，并保證頁頭和頁腳正確顯示；2）能夠指定列寬度固定，其他列寬度自適應(yīng)；3）在html中，個(gè)列能夠隨意次序擺列，最后見效都正確顯示。三、事例分析題1、解說以下CSS款式的含義。table{border:1px#333solid;font:12pxarial;width:500px}td,th{padding:5px;border:2pxsolid#EEE;border-bottom-color:#666;border-right-color:#666;}將表格邊框?qū)挾仍O(shè)為1px，顏色設(shè)為#333，邊框?yàn)閷?shí)線；表格中的字體大小設(shè)為12px,字體種類為arial；表格寬度為500px。設(shè)置單元格和表頭部分的款式：內(nèi)邊距為5px，邊框?qū)挾?px，實(shí)線，顏色為#EEE，底部和右邊邊框顏色特別設(shè)為#6662、解說以下CSS款式的含義。form{border:1pxdotted#AAAAAA;padding:3px6px3px6px;margin:0px;font:14pxArial;}select{width:80px;background-color:#ADD8E6;}設(shè)置表單邊框?qū)挾葹?px，點(diǎn)劃線，顏色為#AAAAAA，內(nèi)上、右、下、左邊距分別為：3px6px3px6px，外邊距為0px，字體為14px大小的Arial字體。設(shè)置選擇框?qū)挾葹?0px，背景顏色為#ADD8E63、解說以下CSS款式的含義。input{color:#00008B;}input.btn{background-color:#ADD8E6;padding:1px2px1px2px;}設(shè)置input標(biāo)簽中字體顏色為#00008B；input標(biāo)簽中id屬性為btn的按鈕背景顏色設(shè)為#ADD8E6，內(nèi)上、右、下、左邊距分別設(shè)為1px、2px、1px、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，從左上角開始，不平鋪定義后輩選擇器.roundedh2：背景圖像為right-top.gif，從右上角開始，不平鋪；內(nèi)上、左右、下面距分別是20px20px10px，外邊距為05、畫出一個(gè)1-（（1-2）+1）-1的布局構(gòu)造表示圖。6、畫出一個(gè)1-（（1+（3-1-2））-1的布局構(gòu)造表示圖。7、解說以下CSS款式的含義。#header,#pagefooter,#container{margin:0auto;width:85%;}#content{position:absolute;width:300px;}設(shè)置id屬性為header、pagefooter、container的div層上下外邊框?yàn)?，左右外邊框?yàn)閍uto，寬度為相關(guān)于父元素寬度的85%設(shè)置id屬性為content的div層為絕對(duì)定位，寬度為固定寬度300px8、解說以下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:#3333

溫馨提示

  • 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)論