前端面試題-答案-副本_第1頁
前端面試題-答案-副本_第2頁
前端面試題-答案-副本_第3頁
前端面試題-答案-副本_第4頁
前端面試題-答案-副本_第5頁
已閱讀5頁，還剩5頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、前端部面試題答案填空題（40分）1、目前常用的WEB標準靜態(tài)頁面語言是 html 。2、 改變元素的外邊距用_margin  _，改變元素的內填充用_padding_。3、在Table中，TR是_行_，TD是_列_。4、如果給一行兩列的表格（table）定義高度樣式，在_css樣式中對tr_標簽中定義最合理，最能減少代碼的臃腫。5、對ul li的樣式設成無，應該是用什么屬性 list-styl-type：none 。6、在新窗口打開鏈接的方法是_target=_bank_。7、Color:#666666;可縮寫為_color：#666_。8、合理的頁面布局中常聽過結構與表現(xiàn)

2、分離，那么結構是_div_，表現(xiàn)是_css_。二、選擇題（20分）1、在下面的XHTML中，哪個可以正確地標記折行？A：<br /> B：<break/> C：<br>2、下列哪些是格式良好的XHTML？A：<p>A <b><i>short</b></i> paragraph</p>B：<p>A <b><i>short</i></b> paragraph</p>C：<p>A <b><i&

3、gt;short</i></b> paragraph3、在以下的HTML中，哪個是正確引用外部樣式表的方法？A：<style src="mystyle.css">B：<link rel="stylesheet" type="text/css" href="mystyle.css">C：<stylesheet>mystyle.css</stylesheet>4、在HTML文檔中，引用外部樣式表的正確位置是？A：文檔的末尾 B：文檔的頂部

4、C：<body>部分D：<head>部分三、問答題（40分）1、請寫出超鏈接的順序或者你在初始樣式中的鏈接方法。（要求默認無下線，鼠標經過有下劃線）L-V-H-Aa:link line-style：none；a:hover line-style：underline；a:link line-style:none; a:visited a:hover a:active 或者a:linktext-decoration:none;a:hovertext-decoration:underline;2、當float和margin同時使用時，IE6的雙倍邊距BUG如何解決？要為塊狀元

5、素要左側浮動要有左外邊距display：inline；或者margin-right:-3px;3、為什么無法定義1px左右高度的容器？解決方法有哪些？1、給DIV容器添加overflow：hidden 屬性。2、添加一個font-size:0px 屬性。需要注意的是必須要在DIV容器中加入一定的內容如：&nbsp;,如果不加入內容在IE6下該容器的高度是2px,這個不需要質疑，本人經過了瀏覽器測試。IE6有默認行高解決方法也很多比如overflow:hidden;zoom:0.08;line-height:1px;僅供理智參考4、Firefox中標簽的居中問題的解決方法？*margin

6、：0px auto；5、請寫出XHTML和CSS如何注釋？<div><!- 注釋內容->.</div>   .class/* 注釋內容*/.6、請以縮寫方法寫出1px直線（實線）灰色（任意灰色代碼值），上面無邊框的矩形邊框樣式。.*border：1px solid #000；border-top：0px；或者border:1px solid  #ccc;border-top:none;7、CSS選擇符有哪些？哪些屬性可以繼承？優(yōu)先級算法如何計算？內聯(lián)和important哪個優(yōu)先級高？偽類A標簽可以繼

7、承 列表 UL LI DL DD DT可繼承 優(yōu)先級就近原則，樣式定義最近者為準 載入樣式以最后載入的定位為準 優(yōu)先級為 !important > id > class > tag Important 比內聯(lián)優(yōu)先級高 7、 前端頁面有哪三層構成，分別是什么？作用是什么？ 結構層，表現(xiàn)層，行為層；8、 你做的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什么?經常遇到的瀏覽器的兼容性有哪些？怎么會出現(xiàn)？解決方法是什么？ 涉及到效率一般就在IEtext firefox 3.5 軟件上測試模擬使用Trident內核的瀏覽器：IE、Maxthon、TT、The World等；使用Ge

8、cko內核的瀏覽器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey；使用Presto內核的瀏覽器：Opera7及以上版本；使用Webkit內核的瀏覽器：Safari、Chrome。div的垂直居中問題margin加倍的問題浮動ie產生的雙倍距離DIV浮動IE文本產生3象素的bugfloat的div閉合;清除浮動;自適應高度;.9、 如何居中一個浮動元素? 設置容器的浮動方式為相對定位 然后確定容器的寬高比如寬500 高 300 的層 然后設置層的外邊距 .Div Width:500px ; height:300px; Margin: -150px 0

9、0 -250px; position: absolute; left:50%; top:50%; 10、 .有沒有關注HTML5和CSS3?如有請簡單說一些您對它們的了解情況！ 必問！首先html5是下一代的html標準，而且標準規(guī)范已經發(fā)布。HTML5 - 新特性HTML5 中的一些有趣的新特性：· 用于繪畫的 canvas 元素· 用于媒介回放的 video 和 audio 元素· 對本地離線存儲的更好的支持· 新的特殊內容元素，比如 article、footer、header、nav、section· 新的表單控件，比如 calendar

10、、date、time、email、url、search刪除的：big, center, 1、能用css代替的元素 basefont、big、center、font、s、strike、tt、u。這些元素純粹是為畫面展示服務的，HTML5中提倡把畫面展示性功能放在css中統(tǒng)一編輯。1重新組織了標記，很多舊的繁瑣的標記取消，添加了幾個常用的新語義化的標記。2anvas畫布，可以做游戲,可以直接網頁繪圖，這意味著用戶可以脫離Flash，直接在瀏覽器中顯示圖形或動畫。3添加了本地數(shù)據庫：客戶端存儲數(shù)據HTML5 提供了兩種在客戶端存儲數(shù)據的新方法：localStorage - 沒有時間限制的數(shù)據存儲se

11、ssionStorage - 針對一個 session 的數(shù)據存儲CSS3 是最新的 CSS 標準。CSS3有哪些新特性？1. CSS3實現(xiàn)圓角（border-radius），陰影（box-shadow），2. 對文字加特效（text-shadow、），線性漸變（gradient），旋轉（transform）3. transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);/ 旋轉,縮放,定位,傾斜4. 增加了更多的CSS選擇器 多背景 rgba 5. 在CSS3中唯一引入的偽元素是 :select

12、ion.6. 媒體查詢，多欄布局7. border-image比如對多背景圖圓角投影等樣式的關注11、 如果讓你來制作一個訪問量很高的大型網站，你會如何來管理所有CSS文件、JS與圖片？ 涉及到人手、分工、同步； 先期團隊必須確定好全局樣式（globe.css），編碼模式(utf-8) 等 編寫習慣必須一致（例如都是采用繼承式的寫法，單樣式都寫成一行）； 標注樣式編寫人，各模塊都及時標注（標注關鍵樣式調用的地方）； 頁面進行標注（例如頁面模塊開始和結束）； CSS跟HTML 分文件夾并行存放，命名都得統(tǒng)一（例如style.css） JS 分文件夾存放命民以該JS 功能為準英文翻譯； 圖片采用整

13、合的 images.pngpng8 格式文件使用盡量整合在一起使用方便將來的管理 12、 你對前端界面工程師這個職位是怎么樣理解的？它的前景會怎么樣？首先是對職位的工作職責有明確認識，還有客觀的對自己所在職位中的水平認識比較到位，誠懇、尊重這個事業(yè)。主要工作是把UI的設計圖按照w3c標準做成html頁面，并且用javascript腳本語言實現(xiàn)頁面上的前端互動?；有Чǎ瑥棾鰧?，頁簽切換，圖片滾動，ajax異步互動等。高級前端工程師還要承擔前端優(yōu)化的工作，優(yōu)化的知識就會更多一些，比如文件過期Expires，緩存，異步緩存，js和css以及圖片的壓縮等。前端開發(fā)是一項很特殊的工作，前端工程師的

14、工作說得輕松，看似輕巧，但做起來絕對不是那么的簡單。在開發(fā)過程中涵蓋的東西非常寬廣，既要從技術的角度來思考界面的實現(xiàn)，規(guī)避技術的死角，又要從用戶的角度來思考，怎樣才能更好地接受技術呈現(xiàn)的枯燥的數(shù)據，更好的呈現(xiàn)信息。簡單地說，它的主要職能就將網站的數(shù)據和用戶的接受更好地結合在一起，為用戶呈現(xiàn)一個友好的數(shù)據界面。前端工程師是一個很新的職業(yè)，在國內乃至國際上真正開始受到重視的時間不超過5年。互聯(lián)網的發(fā)展速度迅猛，網頁由WEB1.0到WEB2.0，再 到新生的HTML5、CSS3，到現(xiàn)在手機、3G網絡等新科技的興起，網頁也由最原先的圖文為主，到現(xiàn)在各種各樣的基于哀前端技術實現(xiàn)的應用、交互和富媒 體的呈現(xiàn)，更多的信息、更豐富的內容、更

溫馨提示

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

評論

0/150

提交評論