34道常見的HTML+CSS面試題（附答案）

眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞：前端 PS Java(100G) Python(80G) 大數(shù)據(jù) 區(qū)塊鏈測(cè)試 PPT JS(40g+300教程) HTML 簡(jiǎn)歷領(lǐng)取相關(guān)學(xué)習(xí)資料！

一、HTML

1、<image>標(biāo)簽上title屬性與alt屬性的區(qū)別是什么？

alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長(zhǎng)度必須少于100個(gè)英文字符或者用戶必須保證替換文字盡可能的短。

這包括那些使用本來就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶等。

title屬性為設(shè)置該屬性的元素提供建議性的信息。使用title屬性提供非本質(zhì)的額外信息。參考《alt和title屬性的區(qū)別及應(yīng)用》

2、分別寫出以下幾個(gè)HTML標(biāo)簽：文字加粗、下標(biāo)、居中、字體

加粗：<b>、<strong>

下標(biāo)：<sub>

居中：<center>

字體：<font>、<basefont>、參考《HTML標(biāo)簽列表》

3、請(qǐng)寫出至少5個(gè)html5新增的標(biāo)簽，并說明其語義和應(yīng)用場(chǎng)景

section：定義文檔中的一個(gè)章節(jié)

nav：定義只包含導(dǎo)航鏈接的章節(jié)

header：定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo、頁面標(biāo)題和導(dǎo)航性的目錄。

footer：定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。

aside：定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。

參考《HTML5 標(biāo)簽列表》

4、請(qǐng)說說你對(duì)標(biāo)簽語義化的理解？

a. 去掉或者丟失樣式的時(shí)候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)

b. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重；

c. 方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備）以意義的方式來渲染網(wǎng)頁；

d. 便于團(tuán)隊(duì)開發(fā)和維護(hù)，語義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化。

5、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?

聲明位于文檔中的最前面，處于標(biāo)簽之前。告知瀏覽器以何種模式來渲染文檔。

嚴(yán)格模式的排版和 JS 運(yùn)作模式是，以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。

在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。

DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。

6、你知道多少種Doctype文檔類型？

標(biāo)簽可聲明三種 DTD 類型，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔。

HTML 4.01 規(guī)定了三種文檔類型：Strict、Transitional 以及 Frameset。

XHTML 1.0 規(guī)定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。

Standards （標(biāo)準(zhǔn)）模式（也就是嚴(yán)格呈現(xiàn)模式）用于呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁，

Quirks（包容）模式（也就是松散呈現(xiàn)模式或者兼容模式）用于呈現(xiàn)為傳統(tǒng)瀏覽器而設(shè)計(jì)的網(wǎng)頁。

7、HTML與XHTML——二者有什么區(qū)別

a. XHTML 元素必須被正確地嵌套。

b. XHTML 元素必須被關(guān)閉。

c. 標(biāo)簽名必須用小寫字母。

d. XHTML 文檔必須擁有根元素。

參考《XHTML 與 HTML 之間的差異》

8、html5有哪些新特性、移除了那些元素？

a. HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。

b. 拖拽釋放(Drag and drop) API

c. 語義化更好的內(nèi)容標(biāo)簽（header,nav,footer,aside,article,section）

d. 音頻、視頻API(audio,video)

e. 畫布(Canvas) API

f. 地理(Geolocation) API

g. 本地離線存儲(chǔ) localStorage 長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失

h. sessionStorage 的數(shù)據(jù)在頁面會(huì)話結(jié)束時(shí)會(huì)被清除

i. 表單控件，calendar、date、time、email、url、search

j. 新的技術(shù)webworker, websocket等

移除的元素：

a. 純表現(xiàn)的元素：basefont，big，center, s，strike，tt，u；

b. 對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame，frameset，noframes；

9、iframe的優(yōu)缺點(diǎn)？

優(yōu)點(diǎn)：

a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問題

b. iframe無刷新文件上傳

c. iframe跨域通信

缺點(diǎn)：

a. iframe會(huì)阻塞主頁面的Onload事件

b. 無法被一些搜索引擎索引到

c. 頁面會(huì)增加服務(wù)器的http請(qǐng)求

d. 會(huì)產(chǎn)生很多頁面，不容易管理。

參考《iframe的一些記錄》

10、Quirks模式是什么？它和Standards模式有什么區(qū)別？

在寫程序時(shí)我們也會(huì)經(jīng)常遇到這樣的問題，如何保證原來的接口不變，又提供更強(qiáng)大的功能，尤其是新功能不兼容舊功能時(shí)。IE6以前的頁面大家都不會(huì)去寫DTD，所以IE6就假定如果寫了DTD，就意味著這個(gè)頁面將采用對(duì)CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。

區(qū)別：總體會(huì)有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)別。

a. 盒模型：在W3C標(biāo)準(zhǔn)中，如果設(shè)置一個(gè)元素的寬度和高度，指的是元素內(nèi)容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。

b. 設(shè)置行內(nèi)元素的高寬：在Standards模式下，給等行內(nèi)元素設(shè)置wdith和height都不會(huì)生效，而在quirks模式下，則會(huì)生效。

c. 設(shè)置百分比的高度：在standards模式下，一個(gè)元素的高度是由其包含的內(nèi)容來決定的，如果父元素沒有設(shè)置百分比的高度，子元素設(shè)置一個(gè)百分比的高度是無效的用

d. 設(shè)置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會(huì)失效。

11、請(qǐng)闡述table的缺點(diǎn)

a. 太深的嵌套，比如table>tr>td>h3，會(huì)導(dǎo)致搜索引擎讀取困難，而且，最直接的損失就是大大增加了冗余代碼量。

b. 靈活性差，比如要將tr設(shè)置border等屬性，是不行的，得通過td

c. 代碼臃腫，當(dāng)在table中套用table的時(shí)候，閱讀代碼會(huì)顯得異常混亂

d. 混亂的colspan與rowspan，用來布局時(shí)，頻繁使用他們會(huì)造成整個(gè)文檔順序混亂。

e. 不夠語義

參考《為什么說table表格布局不好？》

12、簡(jiǎn)述一下src與href的區(qū)別

src用于替換當(dāng)前元素；href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。

src是source的縮寫，指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置

href是Hypertext Reference的縮寫，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接

公眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞：前端 PS Java Python 大數(shù)據(jù) 區(qū)塊鏈測(cè)試 PPT JS HTML 簡(jiǎn)歷領(lǐng)取相關(guān)學(xué)習(xí)資料！

天開始小編將會(huì)給大家講解HTML的入門知識(shí)以及做項(xiàng)目會(huì)遇到的某些問題以及如何解決此類問題的方法。說道網(wǎng)頁設(shè)計(jì)，HTML是我們必不可少的一部分。基礎(chǔ)網(wǎng)頁的構(gòu)成，無論怎么變幻，都是由原聲的HTML代碼組成構(gòu)成網(wǎng)頁。

下面我就根據(jù)工作中所用和看過的書籍一點(diǎn)一點(diǎn)總結(jié)下我們常用的HTML格式和代碼。

一、什么是HTML。

HTM不是一段編程語言，而是一款標(biāo)記語言，本身不能顯示在瀏覽器中。經(jīng)過瀏覽器的編釋和編譯，才能正確反映HTML標(biāo)記語言的內(nèi)容。HTML從1.0到5.0經(jīng)歷了巨大的變化，從單一的文本顯示功能到多功能互動(dòng)，已經(jīng)成為了一款非常成熟的標(biāo)記語言。

二、HTML文件的基本結(jié)構(gòu)

<!doctype html>

<html>文件開始標(biāo)記

<head>文件頭開始的標(biāo)記

</head>文件頭結(jié)束

<body>文件主題的內(nèi)容

</body>文件主題的結(jié)束

</html>文件結(jié)束的標(biāo)記

這里主要說明title和meta(元信息)

三、HTML主要常用標(biāo)簽

3.1標(biāo)題

3.2 標(biāo)題字對(duì)齊屬性align

默認(rèn)情況下，標(biāo)題文字是左對(duì)齊的。在網(wǎng)頁制作過程中，常常需要選擇對(duì)其他的方式，這時(shí)我們就需要用到align屬性。

3.3 段落標(biāo)記p

段落標(biāo)記是文檔中最常見的標(biāo)記，<p>用來起始的一個(gè)段落。

3.3 換行標(biāo)記

換行標(biāo)記<br>作用是在不另起一段的情況下將當(dāng)前文本強(qiáng)制換行。

3.4 不換行標(biāo)記nobr

<nobor>表示的是不換行的標(biāo)記</nobor>

3.5 水平線

<hr/>

四、建立超鏈接

與自身網(wǎng)站頁面有關(guān)的連接被稱為內(nèi)部連接

4.1絕對(duì)路徑

絕對(duì)路徑是包括服務(wù)器規(guī)范在內(nèi)的完全路徑。絕對(duì)路徑不管源文件在什么位置都可以非常精確地找到，除非是目標(biāo)文檔的位置發(fā)生變化，否則連接不會(huì)失效。

4.2相對(duì)路徑

為了避免絕對(duì)路徑的缺陷，對(duì)于在同一站點(diǎn)之中的連接來說，使用相對(duì)路徑是一個(gè)很好的方法。

4.3 內(nèi)部連接

屬性值

含義

-self在當(dāng)前頁面中打開連接

-blank在一個(gè)全新的空白窗口中打開連接

-top在頂層框架中打開連接，也可以理解為在根框架中打開連接

-parent在當(dāng)前框架的上一層里打開連接

4.4 錨點(diǎn)連接

錨點(diǎn)到本頁面中的位置

錨點(diǎn)到其他頁面的位置

<a href="index.html#1"></a>對(duì)應(yīng)連接到index.html中name=1的位置

4.5 連接到外部網(wǎng)站

在設(shè)置友情鏈接時(shí)，需要打開HTTP協(xié)議進(jìn)行外部連接訪問。

4.6 連接到E-mail

4.7 連接到FTP

FTP代表文件傳輸協(xié)議，一個(gè)FTP站點(diǎn)通常包含一些上傳和下載文件的文件目錄。

大部分FTP網(wǎng)站需要使用用戶名和密碼來登錄。

當(dāng)然還有其他的一些連接方式，例如文件下載，連接到Telnet等。這些都會(huì)可以用a標(biāo)簽實(shí)現(xiàn)。

HTML基礎(chǔ)就先講到這里，后面退出DIV設(shè)計(jì)網(wǎng)頁格式已經(jīng)網(wǎng)頁分框的實(shí)現(xiàn)。

、選擇題（1-18題各3分19-36題各2分，共92分）

1.在HTML的<TD>標(biāo)簽中，align 屬性的取值是（　C　）

A. top ; B. middle ; C. center ; D. bottom

<tr>

</tr>

<tr>

</tr>

</table>

2. CSS樣式表根據(jù)所在網(wǎng)頁的位置，可分為（ B ）

A.行內(nèi)樣式表、內(nèi)嵌樣式表、混合樣式表; B.行內(nèi)樣式表、內(nèi)嵌樣式表、外部樣式表;

C.外部樣式表、內(nèi)嵌樣式表、導(dǎo)入樣式表; D.外部樣式表、混合樣式表、導(dǎo)入樣式表

行內(nèi)樣式：

<html>

<body>

</body>

</html>

-----------------------------------------------------------------

內(nèi)嵌樣式：

<html>

<head>

#div{width:100px;height:100px;background:red;}

</style>

</head>

<body>

</body>

</html>

--------------------------------------------------------------

外部樣式：

<html>

<head>

</head>

<body>

</body>

</html>

---------------------

css文件

#div{width:100px;height:100px;background:red;}

#和.區(qū)別

.點(diǎn)是使用class引用的，多個(gè)控件可以同時(shí)使用一個(gè)class，一個(gè)控件上也可以使用多個(gè)class，比如

.tdRed{border:solid 1px red;}

.tdBKBlue{background-color:blue;}

而ID是在一個(gè)頁面中唯一的

總得來說class表示泛性的，id表示個(gè)性的

比如你所有的按鈕都是一個(gè)顏色的

.normalButton{background-color:blue;border:solid 0px black;}

對(duì)于提交按鈕會(huì)要做的大一點(diǎn)

#submit{width:100px;height:100px;}

那么你的按鈕就是

普通的按鈕就是

3. 在插入圖片標(biāo)簽中，對(duì)插入的圖片進(jìn)行文字說明使用的屬性是（　D　）

A.name; B.id; C.src; D. alt

4. 對(duì)于<FORM action=″URL″ method=*>標(biāo)簽，其中*代表GET或（　C　）

A.SET; B. PUT; C. POST ; D. INPUT

Get和post區(qū)別

安全性：POST比GET安全；

編碼方式：POST方式提交時(shí)可以通過HTML文檔中的<META>元素設(shè)置實(shí)體部分的編碼方式，而GET方式提交時(shí)URI默認(rèn)的編碼方式為ISO-8859-1，不可以在頁面中設(shè)置；

傳輸文件大小：POST方式提交文件放在實(shí)體部分傳輸，大小無上限，而GET方式提交文件內(nèi)容放在URI部分傳輸，最大為2KB;

請(qǐng)求速度：GET比POST快。

數(shù)據(jù)傳輸方式：GET：查詢字符串（名稱/值對(duì)）是在 GET 請(qǐng)求的 URL 中發(fā)送的，如：/test/demo_form.asp?name1=value1&name2=value2；POST:查詢字符串（名稱/值對(duì)）是在 POST 請(qǐng)求的 HTTP 消息主體中發(fā)送的。

5. 下列標(biāo)簽可以不成對(duì)出現(xiàn)的是（　B　）

A.〈HTML〉〈/HTML〉 ; B.〈P〉〈/P〉; C.〈TITLE〉〈/TITLE〉 ; D.〈BODY〉〈/BODY〉

<p>是段落標(biāo)簽。

在HTML4.01中某些標(biāo)簽（<p><br>,<hr>,<img>, <input>,<link>等）允許不成對(duì)出現(xiàn)，但是不推薦。在現(xiàn)在的瀏覽器里，都會(huì)“兼容”這些單標(biāo)簽。瀏覽器解釋<p>標(biāo)簽后，碰到一個(gè)不對(duì)應(yīng)的標(biāo)簽時(shí)，會(huì)自動(dòng)填補(bǔ)</p>。所以<p>標(biāo)簽可以單標(biāo)簽使用，但不推薦。

在HTML5中規(guī)定了元素必須始終關(guān)閉，也就是標(biāo)簽必須成對(duì)出現(xiàn)。

6. 對(duì)于標(biāo)簽〈input type=*〉，如果希望實(shí)現(xiàn)密碼框效果，*值是（ C ）

A. hidden; B.text ; C. password ; D. submit

7. HTML代碼<select name=“name”></select>表示？（ D ）

A. 創(chuàng)建表格 ; <table>

B. 創(chuàng)建一個(gè)滾動(dòng)菜單; <marquee>

C. 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容;

D.創(chuàng)建一個(gè)下拉菜單

8. BODY元素用于背景顏色的屬性是（　C　）

A. alink ; B. vlink ; C. bgcolor; D. background

9. 在表單中包含性別選項(xiàng)，且默認(rèn)狀態(tài)為“男”被選中，下列正確的是（　A　）

A. <input type=radio name=sex checked> 男 ; B.<input type=radio name=sex enabled>

C.<input type=checkbox name=sex checked>男；

D.nput type=checkbox name=sex enabled>男

性別(單選框)：<input type="radio" value="1" name="sex" checked="checked"/>男

<input type="radio" value="2" name="sex"/>女

角色（下拉框）：<select name="role">

</select>

10. 在CSS中下面哪種方法表示超鏈接文字在鼠標(biāo)經(jīng)過時(shí)，超鏈接文字無下劃線？（　B　）

A. A:link{TEXT-DECORATION: underline }; B. A:hover {TEXT-DECORATION: none};

C. A:active {TEXT-DECORATION: blink }; D. A:visited {TEXT-DECORATION: overline }

11. JavaScript代碼： 'abcdefg'.indexOf('D') 結(jié)果是（ B ）

A：0 B：-1 C：3 D：4

Js常用方法

1.substr

substr(start,length)表示從start位置開始，截取length長(zhǎng)度的字符串。

var src="images/off_1.png";

alert(src.substr(7,3));

彈出值為：off

2.substring

substring(start,end)表示從start到end之間的字符串，包括start位置的字符但是不包括end位置的字符。

var src="images/off_1.png";

alert(src.substring(7,10));

彈出值為：off

3.indexOF

indexOf() 方法返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置（從左向右）。沒有匹配的則返回-1，否則返回首次出現(xiàn)位置的字符串的下標(biāo)值。

var src="images/off_1.png";

alert(src.indexOf('t'));

alert(src.indexOf('i'));

alert(src.indexOf('g'));

彈出值依次為：-1,0,3

4.lastIndexOf

lastIndexOf()方法返回從右向左出現(xiàn)某個(gè)字符或字符串的首個(gè)字符索引值（與indexOf相反）

var src="images/off_1.png";

alert(src.lastIndexOf('/'));

alert(src.lastIndexOf('g'));

彈出值依次為：6,15

5.split

將一個(gè)字符串分割為子字符串，然后將結(jié)果作為字符串?dāng)?shù)組返回。

以空格分割返回一個(gè)子字符串返回

var s, ss;

var s = "1,2,3,4";

ss = s.split(",");

alert(ss[0]);

alert(ss[1]);

12. <img src="name">的意思是？（ A ）

A. 圖像相對(duì)于周圍的文本左對(duì)齊; B. 圖像相對(duì)于周圍的文本右對(duì)齊;

C. 圖像相對(duì)于周圍的文本底部對(duì)齊; D. 圖像相對(duì)于周圍的文本頂部對(duì)齊

13. 點(diǎn)擊按鈕，在ID為“Link”的DIV標(biāo)簽內(nèi)顯示東軟實(shí)訓(xùn)超鏈接, 下面對(duì)該按鈕的onClick事件函數(shù)描述正確的是：C

A. Link.innerText='<a ;

B. Link.outerText='<a ;

C. Link.innerHTML='<a ;

D. Link.outerHTML='<a

innerHTML 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的

HTML

outerHTML 設(shè)置或獲取對(duì)象及其內(nèi)容的 HTML 形式

innerText 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的文本

outerText 設(shè)置(包括標(biāo)簽)或獲取(不包括標(biāo)簽)對(duì)象的文本

innerText和outerText在獲取時(shí)是相同效果，但在設(shè)置時(shí)，innerText僅設(shè)置標(biāo)簽內(nèi)的文本，而outerText設(shè)置包括標(biāo)簽在內(nèi)的文本

14.(“24.7” + 2.3 ) 的計(jì)算結(jié)果是（ C ）

A. 27 ; B. 24.7 2.3; C. 24.72.3; D. 26.7

15. （ B ）事件處理程序可用于在用戶單擊按鈕時(shí)執(zhí)行函數(shù)

A. onSubmit; B. onClick; C. onChange; D. onExit

屬性當(dāng)以下情況發(fā)生時(shí)，出現(xiàn)此事件onabort圖像加載被中斷onblur元素失去焦點(diǎn)onchange用戶改變域的內(nèi)容onclick鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象ondblclick鼠標(biāo)雙擊某個(gè)對(duì)象onerror當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤onfocus元素獲得焦點(diǎn)onkeydown某個(gè)鍵盤的鍵被按下onkeypress某個(gè)鍵盤的鍵被按下或按住onkeyup某個(gè)鍵盤的鍵被松開onload某個(gè)頁面或圖像被完成加載onmousedown某個(gè)鼠標(biāo)按鍵被按下onmousemove鼠標(biāo)被移動(dòng)onmouseout鼠標(biāo)從某元素移開onmouseover鼠標(biāo)被移到某元素之上onmouseup某個(gè)鼠標(biāo)按鍵被松開onreset重置按鈕被點(diǎn)擊onresize窗口或框架被調(diào)整尺寸onselect文本被選定onsubmit提交按鈕被點(diǎn)擊onunload用戶退出頁面

16. 用戶更改表單元素 Select 中的值時(shí)，就會(huì)調(diào)用（ D ）事件處理程序

A. onClick; B. onFocus; C. onMouseOver; D. onChange

17.onMouseUp 事件處理程序表示（ A ）

A. 鼠標(biāo)被釋放; B. 鼠標(biāo)按下; C. 鼠標(biāo)離開某個(gè)區(qū)域; D. 鼠標(biāo)單擊

18. 下列哪一項(xiàng)表示的不是按鈕（ C ）

A. type="submit"; B. type="reset"; C. type="image"; D. type="button"

19.下面哪一項(xiàng)是換行符標(biāo)簽？（ C ）

A. <body>; B. <font>; C. <br>; D. <p>

font規(guī)定文本字體、大小和顏色：

20. 下列哪一項(xiàng)是在新窗口中打開網(wǎng)頁文檔。（ B ）

A. _self; B. _blank; C. _top; D. _parent

_blank在新窗口中打開被鏈接文檔；

_self是指在本身這個(gè)網(wǎng)頁窗口來打開新的網(wǎng)頁鏈接；

_top表示在頂層窗口打開網(wǎng)頁鏈接，即在整個(gè)窗口中打開被鏈接文檔；

_parent表示在父窗口打開網(wǎng)頁鏈接；

<a target="_blank">Visit W3School!</a>onclick="javascript：window.open('Default.aspx','_blank');"

21. 下面說法錯(cuò)誤的是( D )

A. CSS樣式表可以將格式和結(jié)構(gòu)分離;

B. CSS樣式表可以控制頁面的布局;

C. CSS樣式表可以使許多網(wǎng)頁同時(shí)更新;

D. CSS樣式表不能制作體積更小下載更快的網(wǎng)頁

CSS樣式表能為我們實(shí)現(xiàn)些什么樣的功能?

1、你可以將格式和結(jié)構(gòu)分離。

2、你可以以前所未有的能力控制頁面布局。

3、你可以制作體積更小下載更快的網(wǎng)頁。

4、你可以將許多網(wǎng)頁同時(shí)更新，比以前更快更容易。

5、瀏覽器將成為你更友好的界面

將格式和結(jié)構(gòu)分離

HTML從來沒打算控制網(wǎng)頁的格式或外觀。這種語言定義了網(wǎng)頁的結(jié)構(gòu)和各要素的功能，而讓瀏覽器自己決定應(yīng)該讓各要素以何種模樣顯示。但是網(wǎng)頁設(shè)計(jì)者要求的更多。所以當(dāng) Netscape推出新的可以控制網(wǎng)頁外觀的HTML標(biāo)簽時(shí)，網(wǎng)頁設(shè)計(jì)者無不歡呼雀躍。我們可以用<FONT FACE>、<I>包在<P>外邊控制文章主體的外觀等等。然后我們將所有東西都放入表格，用隱式GIF空格產(chǎn)生一個(gè)20象素的邊距。一切都變得亂七八糟。編碼變得越來越臃腫不堪，要想將什么內(nèi)容迅速加到網(wǎng)頁中變得越來越難。串接樣式表通過將定義結(jié)構(gòu)的部分和定義格式的部分分離使我們能夠?qū)撁娴牟季质┘痈嗟目刂啤TML仍可以保持簡(jiǎn)單明了的初衷。CSS代碼獨(dú)立出來從另一角度控制頁面外觀。

以前所未有的能力控制頁面的布局

<FONT SIZE>能使我們調(diào)整字號(hào)，表格標(biāo)簽幫助我們生成邊距，這都沒錯(cuò)。但是，我們對(duì)HTML總體上的控制卻很有限。我們不可能精確地生成80象素的高度，不可能控制行間距或字間距，我們不能在屏幕上精確定位圖象的位置。但是現(xiàn)在，樣式表使這一切都成為可能。

可以制作出體積更小下載更快的網(wǎng)頁還有更好的消息：

樣式表只是簡(jiǎn)單的文本，就象HTML那樣。它不需要圖象，不需要執(zhí)行程序，不需要插件，不需要流式。它就象HTML指令那樣快。有了CSS之后，以前必須求助于GIF的事情現(xiàn)在通過CSS就可以實(shí)現(xiàn)。還有，正如我先前提到的，使用串接樣式表可以減少表格標(biāo)簽及其它加大HTML體積的代碼，減少圖象用量從而減少文件尺寸。

可以更快更容易地維護(hù)及更新大量的網(wǎng)頁

沒有樣式表時(shí)，如果我想更新整個(gè)站點(diǎn)中所有主體文本的字體，我必須一頁一頁地修改每張網(wǎng)頁。即便站點(diǎn)用數(shù)據(jù)庫提供服務(wù)，我仍然需要更新所有的模板，而且更新每一模板中每一個(gè)實(shí)例實(shí)例的 <FONT FACE>。樣式表的主旨就是將格式和結(jié)構(gòu)分離。利于樣式表，我可以將站點(diǎn)上所有的網(wǎng) 頁都指向單一的一個(gè)CSS文件，我只要修改CSS文件中某一行，那么整個(gè)站點(diǎn) 都會(huì)隨之發(fā)生變動(dòng)。

瀏覽器將成為你更友好的界面

不象其它的的網(wǎng)絡(luò)技術(shù)，樣式表的代碼有很好的兼容性，也就是說，如果用戶丟失了某個(gè)插件時(shí)不會(huì)發(fā)生中斷，或者使用老版本的瀏覽器時(shí)代碼不會(huì)出現(xiàn)雜亂無章的情況。只要是可以識(shí)別串接樣式表的瀏覽器就可以應(yīng)用它。

22. 要使表格的邊框不顯示，應(yīng)設(shè)置border的值是( B )

A. 1; B. 0; C. 2; D. 3

23. 如果要在表單里創(chuàng)建一個(gè)普通文本框，以下寫法中正確的是( A )

A. <INPUT>; B. <INPUT type="password">;

C. <INPUT type="checkbox">; D. <INPUT type="radio">

24. 以下有關(guān)按鈕的說法中，錯(cuò)誤的是( B )

A. 可以用圖像作為提交按鈕; B. 可以用圖像作為重置按鈕;

C. 可以控制提交按鈕上的顯示文字; D. 可以控制重置按鈕上的顯示文字。

function fangfa(){

document.formname.submit();

document.formname.reset();

}