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

下載本文檔

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

文檔簡介

一、選擇題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．引用外面款式表的元素應當放在

（

）。A．HTML文檔的開始的地點B．HTML文檔的結束的地點C．在head元素中D．在body元素中4．內部款式表的元素是（）。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．

假如要在不同樣的網頁中應用同樣的款式表定義，應）。直接在HTML的元素中定義款式表在HTML的<head>標志中定義款式表經過一個外面款式表文件定義款式表以上都能夠9．款式表定義#title{color:red}表示（）。A．網頁中的標題是紅色的B．網頁中某一個id為title的元素中的內容是紅色的C．網頁中元素名為title的內容是紅色的D．以上隨意一個都能夠10．款式表定義.outer{background-color:yellow}表示（）。A．網頁中某一個id為outer的元素的背風景是紅色的B．網頁中含有class=”outer”元素的背風景是紅色的C．網頁中元素名為outer元素的背風景是紅色的D．以上隨意一個都能夠11．以下（）表示p元素中的字體是粗體。A．p{text-size:bold}B．p{font-weight:bold}C．<pstyle="text-size:bold">D．<pstyle="font-size:bold">12．以下（）表示a元素中的內容沒有下劃線。A．a{text-decoration:nounderline}B．a{underline:none}C．a{text-decoration:none}D．a{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．設置外邊距（A．能夠B．不能夠

）是負數。16．以下（A）表示列表項符號是小方塊。A．list-style-type:squareB．type:squareC．list-type:squareD．type:217．“款式表定義中的

display

和

visibility

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

C

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

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

CSS

文本屬性的是（

D）A．font-size

B．text-transformC．text-align

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

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

?（

B

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

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

（

D

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

D

）A.list-type:squareB.type:2C.type:squareD.list-style-type:square在CSS語言中以下哪些選項是背景圖像的屬性（ABCD）A背景重復B背景附件C縱向擺列背景地點40.CSS中的選擇器包含（BCD）A．超文本標志選擇器B．類選擇器C．標簽選擇器D．ID選擇器二、簡答題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款式。行內式是直接對html的標志使用style屬性，此后將CSS代碼直接寫在此中。比方：<pstyle=”color:#ff0000;font-size:20px>正文內容</p>5、舉例說明什么是內嵌式CSS款式。內嵌款式表就是將CSS寫在<head>與</head>之間，而且用<style>和</style>標志進行申明。比方：<head><styletype=”text/css”>p{color:#0000ff}</style></head>6、舉例說明什么是鏈接式CSS款式。鏈接式CSS款式表是經過使用html鏈接文件標簽

link

將外部

CSS

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

display

屬性設為

inline

，即為“行內”；設為block，即為“塊級”；設為none，即為“無”，也就是隱蔽盒子。17、圓角框主要有哪幾種制作方法？兩背景圖像法、四圖像不固定寬度圓角框、五圖像二維滑動門圓角框。18、使用CSS主要有哪幾種布局方式？兩列布局、三列布局、多列布局。19、CSS布局方法與表格布局方法比較，有哪些優(yōu)勢？1）頁面載入更快；（2）降低網站流量開銷；（3）易于改正；4）視覺一致（5）更易于被搜尋引擎找到。20、使用CSS布局的網頁應實現哪些要求？1）寬度使用多列布局，并保證頁頭和頁腳正確顯示；2）能夠指定列寬度固定，其他列寬度自適應；3）在html中，個列能夠隨意次序擺列，最后見效都正確顯示。三、事例分析題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;}將表格邊框寬度設為1px，顏色設為#333，邊框為實線；表格中的字體大小設為12px,字體種類為arial；表格寬度為500px。設置單元格和表頭部分的款式：內邊距為5px，邊框寬度2px，實線，顏色為#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；input標簽中id屬性為btn的按鈕背景顏色設為#ADD8E6，內上、右、下、左邊距分別設為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，從右上角開始，不平鋪；內上、左右、下面距分別是20px20px10px，外邊距為05、畫出一個1-（（1-2）+1）-1的布局構造表示圖。6、畫出一個1-（（1+（3-1-2））-1的布局構造表示圖。7、解說以下CSS款式的含義。#header,#pagefooter,#container{margin:0auto;width:85%;}#content{position:absolute;width:300px;}設置id屬性為header、pagefooter、container的div層上下外邊框為0，左右外邊框為auto，寬度為相關于父元素寬度的85%設置id屬性為content的div層為絕對定位，寬度為固定寬度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等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論