問：對WEB標準以及W3C的理解與認識？
答：標簽閉合署照、標簽小寫祸泪、不亂嵌套、提高搜索機器人搜索幾率建芙、使用外鏈css和js腳本没隘、結構行為表現(xiàn)的分離、文件下載與頁面速度更快禁荸、內(nèi)容能被更多的用戶所訪問右蒲、內(nèi)容能被更廣泛的設備所訪問、更少的代碼和組件赶熟，容易維護瑰妄、改版方便，不需要變動頁面內(nèi)容映砖、提供打印版本而不需要復制內(nèi)容间坐、提高網(wǎng)站易用性;
問：xhtml和html有什么區(qū)別?
答：HTML是一種基本的WEB網(wǎng)頁設計語言，XHTML是一個基于XML的置標語言
最主要的不同：
XHTML 元素必須被正確地嵌套邑退。
XHTML 元素必須被關閉竹宋。
標簽名必須用小寫字母石蔗。
XHTML 文檔必須擁有根元素双谆。
問：. Doctype? 嚴格模式與混雜模式-如何觸發(fā)這兩種模式扶供，區(qū)分它們有何意義?
用于聲明文檔使用那種規(guī)范(html/Xhtml)一般為 嚴格 過度 基于框架的html文檔
加入XMl聲明可觸發(fā)聊训，解析方式更改為IE5.5 擁有IE5.5的bug
答：參考：http://www.cnblogs.com/shiy/p/6723335.html
問：瀏覽器標準模式和怪異模式之間的區(qū)別是什么?
盒子模型 渲染模式的不同
使用 window.top.document.compatMode 可顯示為什么模式
問： 行內(nèi)元素有哪些？塊級元素有哪些绑蔫？CSS的盒模型徒蟆？
答：
行內(nèi)元素：<a>狐树、<span>、<img>三娩、<input>庵芭、<select>、<button>雀监、<textarea>喳挑、<label>、<b>滔悉、<strong>、<em>等
塊級元素：<div>单绑、<p>回官、<form>、<address>搂橙、<table>歉提、<ul>、<li>区转、<dl>苔巨、<dt>、<dd>废离、<h1>-<h6>侄泽、<blockquote>等
空元素：即系沒有內(nèi)容的HTML元素，例如：<br>蜻韭、<meta>悼尾、<hr>、<link>肖方、<input>闺魏、<img>等
盒子模型：Css盒模型:內(nèi)容，border ,margin俯画，padding
參考：http://www.cnblogs.com/shiy/p/6005897.html
問： CSS引入的方式有哪些? link和@import的區(qū)別是?
答：有4種方式可以在HTML中引入CSS：
一析桥、內(nèi)聯(lián)方式：指直接在HTML標簽的style屬性中添加CSS
示例:<div style="background:red"></div>
評價：不推薦，此種方式只能改變當前標簽的樣式艰垂，如果想要多個<div>擁有相同的樣式泡仗，需要重復為每個<div>添加相同的樣式，想要修改一種樣式材泄，又不得不修改所有的style中的代碼沮焕。
二、嵌入方法：在HTML頭部中的<style> 標簽下書寫CSS代碼
示例:
<head>
? ? ? ? ? <style>
? ? ? ? ? ? ? ? ? ? .content { background : red;}
? ? ? ? ? </style>
</head>
評價：此方法可以一目了然的查看HTML結構和CSS樣式拉宗，但此方法的CSS只對當前網(wǎng)頁有效峦树，如果當多個頁面需要引入相同CSS代碼時辣辫，這樣寫會導致代碼冗余，不利于維護魁巩。
三急灭、鏈接方式：使用HTML頭部的<head>標簽引入外部的CSS文件。
示例:
<head>
? ? <link rel="stylesheet" type="text/css" href="style.css">
</head>
評價：推薦谷遂，這種方式葬馋，所以得CSS代碼只存在于單獨的CSS文件中，具有良好的可維護性肾扰。并且所以得CSS代碼只存在于CSS文件中畴嘶，CSS文件會在第一次加載時引入，以后切換頁面時只需要加載HTML文件即可集晚。
四窗悯、導入方式：使用CSS規(guī)則引入外部CSS文件。
示例:
<style>
? ? ? @import? url(style.css);
</style>
link和@import的區(qū)別：
兩者都是外部引用CSS方式偷拔，但是存在一定的區(qū)別
a蒋院、link引用CSS時，在頁面載入時同時加載莲绰；@import需要頁面網(wǎng)頁完全載入以后加載欺旧。
b、link支持使用Javascript控制DOM去改變樣式蛤签，而@import不支持辞友。
c、link是XHTML標簽震肮，除了加載CSS踏枣，還可以定義RSS等其他事務；@import屬于CSS范疇钙蒙，只能加載CSS
d茵瀑、link是XHTML標簽，無兼容問題躬厌；@import是在CSS 2.1提出的马昨，低版本的瀏覽器不支持。
問：前端頁面有哪三層構成扛施，分別是什么鸿捧？作用是什么？
網(wǎng)頁三個層次疙渣，即：結構層(Html)匙奴、表示層(CSS)、行為層(js)妄荔。
網(wǎng)頁的結構層（structural layer）：由 HTML 或 XHTML 之類的標記語言負責創(chuàng)建泼菌。標簽谍肤，也就是那些出現(xiàn)在尖括號里的單詞，對網(wǎng)頁內(nèi)容的語義含義做出了描述哗伯。但這些標簽不包含任何關于如何顯示有關內(nèi)容的信息荒揣。例如，P 標簽表達了這樣一種語義：“這是一個文本段焊刹∠等危”
網(wǎng)頁的表示層（presentation layer）：由 CSS 負責創(chuàng)建。 CSS 對“如何顯示有關內(nèi)容”的問題做出了回答虐块。
網(wǎng)頁的行為層（behavior layer）：負責回答“內(nèi)容應該如何對事件做出反應”這一問題俩滥。這是 Javascript 語言和 DOM 主宰的領域。
擴展：
網(wǎng)頁的表示層和行為層總是存在的贺奠，即使我們未明確地給出任何具體的指令也是如此举农。此時， Web 瀏覽器將把它的默認樣式和默認事件處理函數(shù)施加在網(wǎng)頁的結構層上敞嗡。
例如，瀏覽器會在呈現(xiàn)“文本段”元素時留出頁邊距航背，有些瀏覽器會在用戶把鼠標指針懸停在 某個元素的上方時彈出一個顯示著該元素的 title 屬性值的提示框喉悴，等等。
分離
在所有的產(chǎn)品設計活動中玖媚，選擇最適用的工具去解決問題是最基本的原則箕肃。具體到網(wǎng)頁設計工作，這意味著：
使用 (X)HTML 去搭建文檔的結構今魔。
使用 CSS 去設置文檔的呈現(xiàn)效果勺像。
使用 DOM 腳本去實現(xiàn)文檔的行為。
不過错森，在這三種技術之間存在著一些潛在的重疊區(qū)域吟宦，如：DOM 技術可以用來改變網(wǎng)頁的結構。在 CSS 身上也可以找到這種技術相互重疊的例子涩维。諸如 :hover 和 :focus 之類的預定義符號（偽 class 屬性） 使我們可以根據(jù)用戶觸發(fā)事件來改變呈現(xiàn)效果殃姓。改變元素的呈現(xiàn)效果當然是表示層的“勢力范圍”，但對用戶觸發(fā)事件做出反應卻是行為層的領地瓦阐。表示層和行為層 的這種重疊形成了一個灰色地帶蜗侈。
偽 class 屬性是 CSS 正在深入 DOM 領地證據(jù)，但 DOM 在這方面也不是毫無作為睡蟋。我們完全可以利用 DOM 技術把樣式信息施加在 HTML 元素身上踏幻。
分離的效果要做到即使去掉表示層和行為層，文檔的內(nèi)容也依然可以訪問戳杀，因為“內(nèi)容才是一切”该面。而且網(wǎng)頁的行為層 (javascript) 與其結構 (XHTML) 是彼此互不干擾的夭苗，不能混雜在一起。還要給行為層“預留退路”吆倦，要考慮到如果你的用戶禁用了 Javascript 會怎樣听诸？是不可網(wǎng)頁還可以正常運作。
問：你做的頁面在哪些流覽器測試過蚕泽？這些瀏覽器的內(nèi)核分別是什么?經(jīng)常遇到的瀏覽器的兼容性有哪些晌梨？怎么會出現(xiàn)？解決方法是什么须妻？
IE內(nèi)核瀏覽器：360仔蝌，傲游，搜狗荒吏，世界之窗敛惊，騰訊TT。
非IE內(nèi)核瀏覽器：firefox opera safari chrome 绰更。
問：著名的前端框架都有哪些的呢?
答：布局框架：bootstrap瞧挤、easy UI等。Js動效框架：jquery儡湾、angular.js等特恬。
問：切圖工作是UI設計師來做?還是前端工程師來做?
答：對于app工程師，也就是ios和Android工程師徐钠，大多由UI設計師來完成切圖癌刽。
對于web前端工程師，也就是PC端尝丐、瀏覽端显拜，大多有web前端工程師自己完成切圖。
問：css的基本語句構成是爹袁？
選擇器{屬性1:值1;屬性2:值2;……}
問：. CSS選擇符有哪些远荠？哪些屬性可以繼承？優(yōu)先級算法如何計算失息？內(nèi)聯(lián)和important哪個優(yōu)先級高矮台？
標簽選擇符 類選擇符 id選擇符
繼承不如指定 Id>class>標簽選擇
important優(yōu)先級高
問：img標簽上title與alt屬性的區(qū)別是什么?
Alt 當圖片不顯示是 用文字代表。
Title 為該屬性提供信息
問：描述css reset的作用和用途根时。
Reset重置瀏覽器的css默認屬性 瀏覽器的品種不同瘦赫，樣式不同，然后重置蛤迎，讓他們統(tǒng)一
問：解釋css sprites确虱，如何使用。
Css 精靈 把一堆小的圖片整合到一張大的圖片上替裆，減輕服務器對圖片的請求數(shù)量
問：你如何對網(wǎng)站的文件和資源進行優(yōu)化?期待的解決方案包括：
文件合并
文件最小化/文件壓縮
使用CDN托管
緩存的使用
問：如何居中一個浮動元素?
1校辩、可以在外層加一個div窘问，外層的div采用margin居中，里層的div設置寬度為100%宜咒。
2惠赫、設置當前div的寬度，然后設置margin-left:50%; position:relative; left:-250px;其中的left是寬度的一半故黑。
問： 有沒有關注HTML5和CSS3?如有請簡單說一些您對它們的了解情況
HTML5強化了web網(wǎng)頁的表現(xiàn)性能儿咱，語義化更強。如: <nav>,<header>,<footer>,<aside>,<section>等场晶。
HTML5有強大的繪圖功能(canvas標簽混埠，svg)
HTML5新增視頻標簽<video src="視頻地址"></video>
CSS3實現(xiàn)圓角，陰影诗轻，對文字加特效钳宪，增加了更多的CSS選擇器。
問： 如果讓你來制作一個訪問量很高的大型網(wǎng)站扳炬，你會如何來管理所有CSS文件吏颖、JS與圖片？
涉及到人手恨樟，分工半醉，同步；
1厌杜、先期團隊必須確定好全局樣式（globe.css）,編碼模式（utf-8）等。
2计螺、編寫習慣必須一致（例如都是采用繼承式的寫法夯尽，單樣式都寫成一行）。
3登馒、標注樣式編寫人匙握，各模塊都及時標注（標注關鍵樣式調(diào)用的地方）。
4陈轿、頁面進行標注（例如頁面模塊開始和結束）圈纺；
5、CSS跟HTML分文件夾并行存放麦射，命名都得統(tǒng)一（例如:style.css）
6蛾娶、JS分文件夾存放命名以該JS功能為準英文翻譯。
7潜秋、圖片采用整合的images.pngpng8格式文件使用盡量整合在一起蛔琅，方便將來的管理。
問： 你對前端界面工程師這個職位是怎么樣理解的峻呛？它的前景會怎么樣罗售？
問： 你怎么來實現(xiàn)下面這個設計圖,主要講述思路 （效果圖省略）
