前端模擬試題_第1頁(yè)
前端模擬試題_第2頁(yè)
前端模擬試題_第3頁(yè)
前端模擬試題_第4頁(yè)
前端模擬試題_第5頁(yè)
免費(fèi)預(yù)覽已結(jié)束，剩余12頁(yè)可下載查看

下載本文檔

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

文檔簡(jiǎn)介

1、JavaScript 模擬試題一、單選題1. 我們可以在下列哪個(gè)HTML 元素中放置Javascript 代碼A. <script>B. <javascript>C. <js>D. <scripting>2. 寫 "Hello World" 的正確 Javascript 語(yǔ)法是A. ("Hello World")B. "Hello World"C. ("Hello World")D. ("Hello World")3. 插入 Javacript 的

2、正確位置是A. <body> 部分B. <head> 部分C. <body> 部分和 <head> 部分均可4. 引用名為 "" 的外部腳本的正確語(yǔ)法是A. <script src="">B. <script href="">C. <script name="">5. 外部腳本必須包含 <script> 標(biāo)簽嗎A.是B.否6. 如何在警告框中寫入 "Hello World"A. alertBox=&q

3、uot;Hello World"B. msgBox("Hello World")C. alert("Hello World")D. alertBox("Hello World")7. 如何創(chuàng)建函數(shù)A. function:myFunction()B. function myFunction()C. function=myFunction()8. 如何調(diào)用名為"myFunction" 的函數(shù)A. call function myFunctionB. call myFunction()C. myFunction

4、()9. 如何編寫當(dāng) i 等于 5 時(shí)執(zhí)行一些語(yǔ)句的條件語(yǔ)句A. if (i=5)B. if i=5 thenC. if i=5D. if i=5 then10. 如何編寫當(dāng) i 不等于 5 時(shí)執(zhí)行一些語(yǔ)句的條件語(yǔ)句A. if =! 5 thenB. if <>5C. if (i <> 5)D. if (i != 5)11. 在 JavaScript 中，有多少種不同類型的循環(huán)A. 兩種。 for 循環(huán)和 while 循環(huán)。循環(huán)。B. 四種。 for 循環(huán)、 while 循環(huán)、do.while循環(huán)以及l(fā)oop.untilC. 一種。 for 循環(huán)。12. for 循環(huán)如

5、何開始A. for (i <= 5; i+)B. for (i = 0; i <= 5; i+)C. for (i = 0; i <= 5)D. for i = 1 to 513. 如何在 JavaScript中添加注釋A. ' This is a commentB. <!-This is a comment->在圖片上添加onClick 事件B. 在圖片上添加onSubmit 事件C. 在事件中手動(dòng)提交D. 在事件中自動(dòng)提交14. 能夠返回鍵盤上的按鍵所對(duì)應(yīng)字符的事件是(B)A. onKeyDownB. onKeyPressC. onKeyUpD. on

6、MouseOver15. 要?jiǎng)討B(tài)改變層中的內(nèi)容可以使用下列哪些方法(A)A. 利用層的innerHTML 改變內(nèi)容B. 利用層的innerText 改變內(nèi)容C.可以通過(guò)設(shè)置層的隱藏和顯示來(lái)實(shí)現(xiàn)D.可以通過(guò)設(shè)置層的樣式屬性的display屬性來(lái)實(shí)現(xiàn)16.制作級(jí)聯(lián)菜單功能時(shí)調(diào)用的是下拉列表框的(B)事件。A. onClickB. onChangeC. selected60.在JavaScript 中Array對(duì)象擁有的方法不包括( B)A. sort() 數(shù)組排序B. length()計(jì)算數(shù)組長(zhǎng)度C. concat() 數(shù)組合并D. reverse。數(shù)組元素反轉(zhuǎn)17.以下哪條語(yǔ)句會(huì)產(chǎn)生運(yùn)行錯(cuò)誤：(

7、A)A. varobj=();B. varobj=;C. varobj=;D. varobj=/；18 .以下哪個(gè)單詞不屬于javascript 保留字：(B)A. withB. parentC. classD. void19 .請(qǐng)選擇結(jié)果為真的表達(dá)式：(C)A. nullinstanceofObjectB. null= undefinedC. null= undefinedD. NaN = NaN、多選題20 . 請(qǐng)選擇對(duì)javascript理解有誤的：(ABCD)A. JScript 是 javascript的簡(jiǎn)稱Java的開的支持不同(ACEB. javascript 是網(wǎng)景公司開發(fā)的一

8、種 Java腳本語(yǔ)言，其目的是為了簡(jiǎn)化 發(fā)難度C. FireFox和IE存在大量兼容性問(wèn)題的主要原因在于他們對(duì)javascript上D. AJAX技術(shù)一定要使用 javascript 技術(shù)21 . foo對(duì)象有att屬性，那么獲取att屬性的值，以下哪些做法是可以的：A.B. foo( “att ”)C. foo “att ” D. foo “att”E. foo “a" +“ t" +" t ” 22 .在不指定特殊屬性的，情況下，哪幾種HTML標(biāo)簽可以手動(dòng)輸入文本：(AB)A. <TEXTAREA></TEXTAREA>B. <I

9、NPUTtype=" text ” />C. <INPUTtype=" hidden” />D. <DIV></DIV>23 .以下哪些是javascript 的全局函數(shù)：(AB。A.escapeB. parseFloatC. evalD. setTimeoutE. alert24 .關(guān)于IFrame表述正確的有：(ABCD)A.通過(guò)IFrame ,網(wǎng)頁(yè)可以嵌入其他網(wǎng)頁(yè)內(nèi)容，并可以動(dòng)態(tài)更改B.在相同域名下，內(nèi)嵌的IFrame可以獲取外層網(wǎng)頁(yè)的對(duì)象C.在相同域名下，外層網(wǎng)頁(yè)腳本可以獲取IFrame網(wǎng)頁(yè)內(nèi)的對(duì)象D.可以通過(guò)腳本調(diào)整IFr

10、ame的大小25 .關(guān)于表格表述正確的有：(ABCDEA.表格中可以包含TBOD班素B.表格中可以包含 CAPTIONS素C.表格中可以包含多個(gè) TBOD班素D.表格中可以包含 COLGROUP素E.表格中可以包含COL元素26 .關(guān)于IE的window對(duì)象表述正確的有：(ACDA.屬性本身就是指向 window對(duì)象B.()方法可以用來(lái)刷新當(dāng)前頁(yè)面C.二" ”和的作用都是把當(dāng)前頁(yè)面替換成頁(yè)面D.定義了全局變量g;可以用的方式來(lái)存取該變量三、程序題：27 .如何獲取表單<select>域的選擇部分的文本參考答案：<form name="a">

11、<select name="a" size="1" onchange="sel(this)"><option value="a">1</option>option value="b">2</option>option value="c">3</option></select></form><script>function _sel(obj)alert(" 顯示

12、文本："+ 口.text);alert(" 值："+ 口.value); </script>28 .在JavaScript中定時(shí)調(diào)用函數(shù) foo() 如何寫參考答案：function foo()alert("aaaa");a = setTimeout(foo(),100); foo()；8:你做的頁(yè)面在哪些流覽器測(cè)試過(guò)這些瀏覽器的內(nèi)核分別是什么經(jīng)常遇到的瀏 覽器的兼容性有哪些怎么會(huì)出現(xiàn)解決方法是什么點(diǎn)評(píng)：css的兼容性也是大家關(guān)注的熱點(diǎn)。大家一定要注意多測(cè)試。Javascript多瀏覽器兼容性問(wèn)題及解決方案兼容性處理要點(diǎn)1、DOCT

13、YP膨響CSS處理2、FF:設(shè)置padding 后，div 會(huì)增加height 和width , 但I(xiàn)E 不會(huì)， 故 需要用Important多設(shè)一個(gè)height 和width3、FF:支持important , IE 則忽略， 可用important 為FF特別設(shè)置樣4、div的垂直居中問(wèn)題：vertical-align:middle;將行距增加到和整個(gè)DIV一樣高line-height:200px;然后插入文字，就垂直居中了。缺點(diǎn)是要控制內(nèi)容不要換行5、在mozilla firefox 和IE中的BOX真型解釋不一致導(dǎo)致相差2Px解決方法：divmargin:30px!important;

14、margin:28px;注意這兩個(gè)margin的順序一定不能寫反，important這個(gè)屬性IE不能識(shí)別， 但別的瀏覽器可以識(shí)別。所以在IE下其實(shí)解釋成這樣：divmaring:30px;margin:28px重復(fù)定義的話按照最后一個(gè)來(lái)執(zhí)行，所以不可以只寫 margin:XXpx!important;瀏覽器差異1、 ul 和 ol 列表縮進(jìn)問(wèn)題 消除 ul 、 ol 等列表的縮進(jìn)時(shí)，樣式應(yīng)寫成：list-style:none;margin:0px;padding:0px;其中 margin 屬性對(duì) IE 有效， padding 屬性對(duì) FireFox 有效。 注 經(jīng)驗(yàn)證，在IE 中，設(shè)置 ma

15、rgin:0px 可以去除列表的上下左右縮進(jìn)、空白以及列表編號(hào)或圓點(diǎn)，設(shè)置padding 對(duì)樣式?jīng)]有影響；在Firefox 中，設(shè)置margin:0px 僅僅可以去除上下的空白，設(shè)置padding:0px 后僅僅可以去掉左右縮進(jìn)，還必須設(shè)置list- style:none 才 能去除列表編號(hào)或圓點(diǎn)。也就是說(shuō)，在IE 中僅僅設(shè)置margin:0px 即可達(dá)到最終效果，而在Firefox 中必須同時(shí)設(shè)置margin:0px 、 padding:0px 以及 list-style:none 三項(xiàng)才能達(dá)到最終效果。2、CSSS明問(wèn)題IE ： filter:progid:。FF： opacity: 。

16、注 最好兩個(gè)都寫，并將opacity 屬性放在下面。3、CSS0角問(wèn)題IE ： ie7 以下版本不支持圓角。FF： -moz-border-radius:4px ，或者 -moz-border-radius-topleft:4px;-moz-border- radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border- radius- bottomright:4px; 。注圓角問(wèn)題是CSS中的經(jīng)典問(wèn)題，建議使用JQuery框架集來(lái)設(shè)置圓角，讓這些復(fù)雜的問(wèn)題留給別人去想吧。 不過(guò) jQuery 的圓角只看到支持整個(gè)區(qū)域的圓角，

17、沒(méi)有支持邊框的圓角， 不過(guò)這個(gè)邊框的圓角可以通過(guò)一些簡(jiǎn)單的手段來(lái)實(shí)現(xiàn)， 下 次有機(jī)會(huì)介紹下。4、 cursor:hand VS cursor:pointer問(wèn)題說(shuō)明：firefox 不支持hand,但ie支持pointer ,兩者都是手形指示。解決方法：統(tǒng)一使用 pointer 。5、字體大小定義不同對(duì)字體大小 small 的定義不同， Firefox 中為 13px， 而 IE 中為 16px， 差別挺大。解決方法：使用指定的字體大小如 14px。并列排列的多個(gè)元素 （圖片或者鏈接） 的 div 和 div 之間， 代碼中的空格和回車在 firefox 中都會(huì)被忽略，而 IE 中卻默認(rèn)顯示為

18、空格（約3px）。6、CSS®線凹凸邊框IE ： border:2px outset; 。FF： -moz-border-top-colors: #d4d0c8 white;-moz-border-left-colors:#d4d0c8 white;-moz-border-right-colors:#404040#808080;-moz-border-bottom-colors:#404040 #808080;瀏覽器 bug1、 IE 的雙邊距 bug設(shè)置為 float 的 div 在 ie 下設(shè)置的 margin 會(huì)加倍。 這是一個(gè) ie6 都存在的 bug解決方案：在這個(gè)div

19、里面加上 display:inline;例如：<#div id= ” imfloat ” >相應(yīng)的 css 為 以下為引用的內(nèi)容：復(fù)制代碼代碼如下:#IamFloatfloat:left;margin:5px;/*IE 下理解為 10px*/display:inline;/*IE 下再理解為 5px*/#IamFloatfloat:left;margin:5px;/*IE 下理解為 10px*/display:inline;/*IE 下再理解為 5px*/關(guān) 于CSS中的問(wèn)題實(shí)在太多了，甚至同樣的 CSS定義在不同的頁(yè)面標(biāo)準(zhǔn)中的顯 示效果都是不一樣的。一個(gè)合乎發(fā)展的建議是，頁(yè)面采用

20、標(biāo)準(zhǔn)XHTMIB準(zhǔn)編寫，較少使用table , CSS定義盡量依照標(biāo)準(zhǔn) DOM同時(shí)兼顧IE、Firefox、Opera等 主流瀏覽器。很多情況下，F(xiàn)F和Opera的CSS«釋標(biāo)準(zhǔn)更貼近CSSfe準(zhǔn)，也更 具有規(guī)范性。2、 IE 選擇符空格 BUG原來(lái)一個(gè)空格也可以使樣今天在給博客的段落樣式設(shè)置首字符樣式的時(shí)候發(fā)現(xiàn)，式失效。請(qǐng)看以下代碼：復(fù)制代碼代碼如下:<!DOCTYPE html PUBLIC "- mozilla firefox 和IE中的BOX真型解釋不一致導(dǎo)致相差 2Px解決方法： divmargin:30px!important;margin:28px;注意

21、這兩個(gè)margin 的順序一定不能寫反， 據(jù)阿捷的說(shuō)法!imPortant 這個(gè)屬性 IE不能識(shí)別，但別的瀏覽器可以識(shí)別。所以在 IE 下其實(shí)解釋成這樣：divmaring:30Px;margin:28Px重復(fù)定義的話按照最后一個(gè)來(lái)執(zhí)行，所以不可以只寫 margin:XXPx!imPortant;和IE6的BOX早釋不一致IE5 下 divwidth:300Px;margin:0 10Px 0 10Px;div 的寬度會(huì)被解釋為 300Px-10Px（ 右填充 ）-10Px（ 左填充 ）最終 div 的寬度為280px,而在IE6和其他瀏覽器上寬度則是以300px+10px（右填充）+10px

22、（左填充 ）=320Px 來(lái)計(jì)算的。這時(shí)我們可以做如下修改divwidth:300px!important;width :340px;margin:0 10px 0 10px關(guān)于這個(gè)是什么我也不太明白， 只知道 IE5 和 firefox 都支持但 IE6 不支持， 如 果有人理解的話，請(qǐng)告訴我一聲，謝了！：）標(biāo)簽在 Mozilla 中默認(rèn)是有padding 值的 , 而在 IE 中只有 margin 有值所以先定義 ulmargin:0;padding:0;就能解決大部分問(wèn)題注意事項(xiàng)：1、 float 的 div 一定要閉合。例如： （ 其中 floatA 、 floatB 的屬性已經(jīng)設(shè)置為

23、 float:left;）<#div id="floatA" ><#div id="floatB" ><#div id="NOTfloatC" >這里的NOTfloatC 并不希望繼續(xù)平移，而是希望往下排。這段代碼在IE中毫無(wú)問(wèn)題，問(wèn)題出在FF。原因是NOTfloatC并非float標(biāo)簽, 必須將float 標(biāo)簽閉合。在 <#div class="floatB"><#div class="NOTfloatC">之間加上 <#div

24、 class="clear">這個(gè) div 一定要注意聲明位置， 一定要放在最恰當(dāng)?shù)牡胤剑?而且必須與兩個(gè)具有float 屬性的 div 同級(jí)，之間不能存在嵌套關(guān)系，否則會(huì)產(chǎn)生異常。并且將 clear 這種樣式定義為為如下即可： .clearclear:both;此外，為了讓高度能自動(dòng)適應(yīng)，要在 wrapper 里面加上 overflow:hidden;9. 如何居中一個(gè)浮動(dòng)元素設(shè)置容器的浮動(dòng)方式為相對(duì)定位然后確定容器的寬高 比如寬 500 高 300 的層然后設(shè)置層的外邊距DivWidth:500px ;height:300px;Margin: -150px 0 0

25、 -250px;position: absolute;left:50%;top:50%;10 .有沒(méi)有關(guān)注HTML體口 CSS及口有請(qǐng)簡(jiǎn)單說(shuō)一些您對(duì)它們的了解情況!在 HTML 5平臺(tái)上，視頻，音頻，圖象，動(dòng)畫，以及同電腦的交互都被標(biāo)準(zhǔn)化。那么我們來(lái)看一下HTML5勺技術(shù)概覽有哪些：HTML珈增和移除的元素HTML珈增了很多多媒體和交互性元素如 video, audio,在HTML轉(zhuǎn)中如果要嵌入一個(gè)視頻或是音頻的話需要引入一大段的代碼，還有兼容各個(gè)瀏覽器，而HTML隊(duì)需要通過(guò)引入一個(gè)標(biāo)簽就可以，就像 img標(biāo)簽一樣方便。HTML5寸表單的支持HTML5®供了強(qiáng)大的控件類型如url,

26、email, date, tel等，強(qiáng)大的約束屬 性， 如 required 表示必填， 文件上傳的 accept 屬性， 以及一些表單重復(fù)元素模 型的支持，HTML班提交表單的時(shí)候還可 以設(shè)置提交的方式為XML交方式， 這樣服務(wù)器端接收到的數(shù)據(jù)將是XMLB式，HTML5勺表單被定義為“ Web Forms ”，目前+對(duì) Web Forms 的支持較為完美。HTML5 DO疑化HTML5勺 Javascript APIsHTML5fc Javascript 上面新增了哪些API呢Video/Audio: HTML5 為 Video 和 Audio 提供了 API 來(lái)讓開發(fā)者控制他們自己的 用戶

27、界面，如可以播放或暫停媒體內(nèi)容。CSS3CSS3寸于我們We加發(fā)者來(lái)說(shuō)不只是新奇的技術(shù)，更重要的是這些全新概念的 web應(yīng)用給我們帶來(lái)更多無(wú)限的可能性，也極大地提高了我們的開發(fā)效率。我們 將不必再依賴圖片或者Javascript 去完成圓角、多背景、用戶自定義字體、 3D動(dòng)畫、漸變、盒陰影、文字陰影、透明度等提高Wet®計(jì)質(zhì)量的特色應(yīng)用。CSS3寸于動(dòng)畫的支持CSS3支持的動(dòng)畫類型有：transform(變換)、transition( 過(guò)渡)和 animation( 動(dòng)畫 ) 。你可以對(duì)特定的屬性設(shè)置transition ， transiton 和animation 的區(qū)別不大， a

28、nimation 的動(dòng)畫是自己定義的，面向的更多的是腳本 開發(fā)者，往往更加 復(fù)雜。11 .你怎么來(lái)實(shí)現(xiàn)下面這個(gè)設(shè)計(jì)圖 , 主要講述思路 (效果圖省略)13:如果讓你來(lái)制作一個(gè)訪問(wèn)量很高的大型網(wǎng)站，你會(huì)如何來(lái)管理所有CSW件、JS與圖片14：你對(duì)前端界面工程師這個(gè)職位是怎么樣理解的它的前景會(huì)怎么樣Javascript1： js 是什么， js 和 html 的開發(fā)如何結(jié)合2. 怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)3. 怎樣使用事件以及IE和DO郵件模型之間存在哪些主要差別4. 面向?qū)ο缶幊?b 怎么繼承 a5. 看看下面 alert 的結(jié)果是什么view sourceprint b(x,

29、y, a) .arguments2 = 10;.alert(a);b(1, 2, 3);如果函數(shù)體改成下面，結(jié)果又會(huì)是什么a = 10;alert(arguments2 );6. 請(qǐng)編寫一個(gè)JavaScript函數(shù)parseQueryString ,它的用途是把URL參數(shù)解析為一個(gè)對(duì)象var obj = parseQueryString（url）;alert 瀏覽器問(wèn)題2. 歷史后退狀態(tài)問(wèn)題3. 跨域問(wèn)題跨瀏覽器的問(wèn)題因?yàn)楝F(xiàn)在有很多的開元的框架已經(jīng)解決了，我們無(wú)需為 此而煩惱。歷史后退狀態(tài)問(wèn)題我們可以使用一個(gè)數(shù)組來(lái)保存歷史紀(jì)錄，然后把這些數(shù)據(jù)村到歷史對(duì)象中去，中的也可以解決，并且還有很多的開元

30、框架給與支持， 這樣問(wèn)題就不是很大?？缬虻膯?wèn)題就不是很好的解決，但是還是有辦法的，一下給出一些基本的解決方案供大家選擇：1 .使用代理，你可以使用web端的程序編寫代理程序，把所有的ajax（動(dòng) 態(tài)網(wǎng)站靜態(tài)化）請(qǐng)求的數(shù)據(jù)進(jìn)行轉(zhuǎn)發(fā)，web程序可以使php（做為現(xiàn)在的主流開發(fā) 語(yǔ)言 ） ， jsp（SUN 企業(yè)級(jí)應(yīng)用的首選） ， asp 等所有的編程語(yǔ)言。相信大家對(duì)這種方式一定很熟悉，這里就不詳細(xì)的介紹了。2 . 使用 iframe 的方式來(lái)定勢(shì)的刷新葉面，這種方式只是取得數(shù)據(jù)來(lái)顯示， 并不能真正的和求得的數(shù)據(jù)進(jìn)行交互， 轉(zhuǎn)化成本頁(yè)面的動(dòng)態(tài)數(shù)據(jù)， 不是很可 取，應(yīng)用也不是很多，我也忽略不去討論了。

31、3 .使用apache（Unix平臺(tái)最流行的 WEE®務(wù)器平臺(tái)）的代理功能，主要就 是apache（Unix平臺(tái)最流行的WEES艮務(wù)器平臺(tái)）的方向代理，或者是url從定向， 你也可以把其他的站點(diǎn)直接的掛在自己的網(wǎng)站上， 這樣的方式可能會(huì)友邦權(quán)的問(wèn) 題，多的九部介紹了，有興趣的本有可以自己實(shí)踐以下。4 . 使用 script 標(biāo)簽的方式， 這樣的話就可以保正使用真正的 ajax（ 動(dòng) 態(tài)網(wǎng)站靜態(tài)化 ） 來(lái)跨域，并且可以使用返回來(lái)的數(shù)據(jù)，發(fā)誓很簡(jiǎn)單，在我們的后 臺(tái)程序處理后的到的結(jié)果都直接的用 javascript 的方式返回，在我們的 html 中直接的使用返回?cái)?shù)據(jù)的變量就可以了一個(gè)簡(jiǎn)

32、單的例子8. 什么是閉包下面這個(gè)ul ，如何點(diǎn)擊每一列的時(shí)候alert 其 index<ul id= ” test ” ><li> 這是第一條</li><li>這是第二條</li><li> 這是第三條</li></ul>9. 最近看的一篇Javascript 的文章是10. 常使用的庫(kù)有哪些常用的前端開發(fā)工具開發(fā)過(guò)什么應(yīng)用或組件pageSpeed .Yslow,Fiddler 、 fireBug11. 說(shuō)說(shuō)YSlow（可以詳細(xì)一點(diǎn)）這個(gè)插件可以分析網(wǎng)站的頁(yè)面， 并告訴你為了提高網(wǎng)站性能， 如何基于某

33、些規(guī)則而進(jìn)行優(yōu)化。網(wǎng)頁(yè)制作方向的題目1. 什么是網(wǎng)站重構(gòu)div+css 的布局較 table 布局有什么優(yōu)點(diǎn)2. 如何理解 css 盒模型3. 平時(shí)做網(wǎng)頁(yè)經(jīng)常使用哪些 hack4. 如何理解表現(xiàn)與內(nèi)容相分離5. 如何解決 ie6 的雙邊距問(wèn)題6. 如何定義高度為 1px 的容器 heigh ： 1px; width:10px; background:#000;overflow:hiddenie6 下這個(gè)問(wèn)題是默認(rèn)行高造成的，overflow:hidden | zoom: | line- height:1px 這樣也可以解決7. 如何實(shí)現(xiàn)一個(gè)層在瀏覽器中垂直左右居中 margin ： auto8

34、. 如何解決 ie6 的 3 像素問(wèn)題 _zoom:1; margin-left: value; _margin-left: value-3px;9. 為什么 FF 下文本無(wú)法撐開容器的高度如何解決清楚浮動(dòng)10. 怎么樣才能讓層顯示在FLASHY上呢 解決的辦法是給FLAS股置透明屬性<param name="wmode" value="transparent" /> 或者 <param name="wmode" value="opaque" />1、答：把"未采用CSS大量使用H

35、TMLS行定位、布局，或者雖然已經(jīng)采 用CSS但是未遵循HTM結(jié)構(gòu)化標(biāo)準(zhǔn)的站點(diǎn)“變成”讓標(biāo)記回歸標(biāo)記的原本意 義 通過(guò)在HTMLt檔中使用結(jié)構(gòu)化的標(biāo)記以及用 CSS空制頁(yè)面表現(xiàn)，使頁(yè)面的實(shí)際 內(nèi)容與它們呈現(xiàn)的格式相分離的站點(diǎn)。" 的過(guò)程就是網(wǎng)站重構(gòu)網(wǎng)站為什么要進(jìn)行重構(gòu)（網(wǎng)站重構(gòu)的好處）a、使頁(yè)面加載得更快速；b、降低帶寬帶來(lái)的費(fèi)用：節(jié)約成本；c、讓你在修改設(shè)計(jì)時(shí)更有效率而代價(jià)更低；d、幫助你的整個(gè)站點(diǎn)保持視覺(jué)的一致性；e、更利于搜索引擎的檢索（符合SEO的規(guī)范）；f、令站點(diǎn)更容易被各種瀏覽器和用戶訪問(wèn)（包括手機(jī)、PDAffi殘障人士使用的文字瀏覽器）；g、兼容不容忽視的Mozilla

36、系瀏覽器(Firefox份額)；h、提高你的職場(chǎng)競(jìng)爭(zhēng)實(shí)力(事實(shí)上也就是降低失業(yè)的風(fēng)險(xiǎn))。div+css 的布局較 table 布局有什么優(yōu)點(diǎn) :1、改版的時(shí)候更方便只要改 css 文件。2、頁(yè)面加載速度更快、結(jié)構(gòu)化清晰、頁(yè)面顯示簡(jiǎn)潔。3、表現(xiàn)與結(jié)構(gòu)相分離。4、易于優(yōu)化(seo)搜索引擎更友 好，排名更容易靠前。答：2.如何理解css盒模型：每個(gè)HTME素都是長(zhǎng)方形盒子外邊局 (margin) 、內(nèi)邊距 (padding) 、邊框 (border);答： 3. 平時(shí)做網(wǎng)頁(yè)用的 css hackIe6 * _; ie7 *, *+,!important; ff !important.答：4.表現(xiàn)與

37、結(jié)構(gòu)相分離簡(jiǎn)單的說(shuō)就是 HTM葉只有標(biāo)簽元素表現(xiàn)完全是 由CSS文件控制的答： 5. 解決 ie6 雙邊距問(wèn)題塊級(jí)元素就加 display ： inline ；行內(nèi)元素轉(zhuǎn)塊 級(jí)元素 display ： inline 后面再加 display ： table6. 如何定義高度為 1px 的容器heigh ： 1px; width:10px; background:#000; overflow:hiddenie6 下這 個(gè)問(wèn)題是默認(rèn)行高造成的， overflow:hidden | zoom: | line-height:1px 這樣也可以解決7. 如何實(shí)現(xiàn)一個(gè)層在瀏覽器中垂直左右居中margin

38、： auto8. 如何解決 ie6 的 3 像素 問(wèn)題_zoom:1; margin-left: value; _margin-left: value-3px;9. 為什么FF下文本無(wú)法撐開容器的高度如何解決消除浮動(dòng) .clear clear:both; height:0px; overflow:hidden;10.怎么樣才能讓層顯示在 FLASHY上呢解決的辦法是給FLASHY置透明屬性<param name="wmode" value="transparent” /> 或者 <param name="wmode value=&quo

39、t;opaque" />補(bǔ)充：1、margin-left:10Px在 FF和 IE6 下顯示問(wèn)題。IE6 顯示 20px,FF 顯示 10px。用!important就可以解決了。margin-left:10Px !important;margin-left:5px;2、cursor:hand在FF不顯示小手，如何解決一句話：cursor;pointer;3、要求在FF顯示height為20px;IE6下顯示height為25px;IE7下顯示height 為 30Px.#testheight:20px;*html #testheight:25px;*+html #testhe

40、ight:30px;這個(gè)以前我們說(shuō)過(guò)，請(qǐng)參考 【IE6的瘋狂Bug之九】解決CSS1容性 最常用的"Haker"三個(gè)就寫上，F(xiàn)F只認(rèn)識(shí)第一個(gè)#test,IE6 只認(rèn)識(shí)第二個(gè)*html #test , IE7 只認(rèn)識(shí)第三個(gè)*+html #testPS: DTDW力口上 <!DOCTYPE HTML PUBLIC “-learclear:both;font-size:0px;height:1px,這樣解決有一個(gè)小小的問(wèn)題，高度會(huì)多一個(gè)像素。還有一種解決方法，給當(dāng)前層 加上一個(gè)偽類#test:after content: "." display: block;height: 0; clear: both;visibility: hidden;1 .超鏈接訪問(wèn)過(guò)后hover樣式就不出現(xiàn)的問(wèn)題被點(diǎn)擊訪問(wèn)過(guò)的超鏈接樣式不在具有hover和active 了，解決方法是改變CSS屬性的排歹1順序:L-V-H-A的雙倍邊距BUG例如 :<style type="text/css">body margin:0div

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(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)論