1. 常用的塊屬性標簽及特征有哪些？
常用塊標簽：Div h1~ h6 ol ul li dl td dd table tr th td p br form 塊標簽特征：獨占一行，換行顯示，可以設置寬高，塊可以套塊和行
2. 常用的行內屬性標簽及特征有哪些？
行標簽：span a img var em strong textarea select option input 行標簽特征：在行內顯示，內容撐開寬高，不可以設置寬高（img ,input除外）， 行只能套行標簽
3. SEO重視的標簽有哪些?
<title>、<strong>、h1~h3、<a>、<em>、<img>&alt等
4. HTML靜態頁面出現中文亂碼如何解決？ 在head里加入<meta charset=’utf-8’/> 並且保存文件時編碼格式也選擇utf-8編碼
5. 下列標簽既是行內屬性標簽又可以設寬高的標簽是？( C D )
A. var B. table C. input D. img E. form
6. css選擇器有幾種，及各自的書寫方式？（舉例說明） ID選擇器，舉例：#div1{} 類選擇器，舉例：.div1{} 標簽選擇器，舉例：div{} 后代選擇器，舉例：.div1 p{} 群組選擇器，舉例：#div1,.div2,.div3 p,#div4 ul li{}
7. 簡單說說你對“盒模型”這個概念的理解，以及它都涉及到哪些css屬性？
在css布局中，每一個html元素在瀏覽器中的解析都可以被看 作一個盒子，擁有盒子一樣的外形和平面空間 它由margin、border、padding、content四部分組成 涉及到的CSS屬性有：margin、border、padding、display
8. div1里依次有div2和div3兩個同級元素， div2高20px, margin-bottom：30px；
div3高50px，margin-top：20px； 那么div1的高度是多少？ 20px + 50px + 30px = 100px
本題考點：margin橫向上是相加，但在豎向上卻會產生疊加的現象,並會取上下間距的其大者生效
9. A標簽的偽類有哪些，都是什么意思，及書寫順序？ link：有鏈接屬性時 visited：鏈接地址已被訪問過 hover ：鼠標懸停在上面 active：被用戶激活時 書寫順序：l v h a ( love hate )
10. 有一個div寬是1000px，如何讓它在瀏覽器里達到居中，並且左右自適應？
div{width:1000px; margin:0 auto;} 11. 常用的調試工具有哪些？
谷歌的審查元素、火狐的firebug、IE開發者工具F12等 12. 分別說出float對塊屬性及行內屬性標簽的影響是什么？ 對塊屬性標簽的影響：可以使塊屬性元素並排排列，在沒有設置寬高的情況下浮動后，內容撐開寬度高度
對行屬性標簽的影響：float之后能設置width和height屬性，並支持margin和padding屬性
13. 寫出兼容IE及其他主流瀏覽器的CSS半透明設置？ div{opacity:0.5; fiter:alpha(opacity=50);}
14. 寫出常見的CSS兼容性問題？（列舉至少4個） 1.不同瀏覽器的標簽默認的margin 和padding差異; 2.圖片之間默認有間距; 3.不透明度;
4.圖片有鏈接時的邊框問題； 5.雙倍margin bug 6. ...
15. CSS position屬性的常用值有哪些？分別是什么意思？ Position:relative; 相對定位（通常用在父級） Position:absolute; 絕對定位（通常用在子級） Position:fixed; 固定定位(相對於瀏覽器窗口)
16. 以下的CSS hack設置分別適用於哪個瀏覽器？ _background-color:green; IE6適用 *+background-color:pink; IE7適用 *background-color:black; IE6、IE7適用
針對不同的瀏覽器或不同版本瀏覽器而寫特定的CSS樣式，叫做CSS hack
17. html的書寫規范有哪些？
標簽換行寫法； 標簽需要關閉； 特殊字符用編碼； 標簽縮進； 標簽用英文小寫； 注釋； 合理嵌套；
1、doctype是一種標准通用標記語言的文檔聲明類型，它的目的就是告訴標准通用標記語言解析器，應該使用什么樣的文檔類型定義。
2、標准模式與怪異模式區別：
主要在於盒模型。標准模式中，瀏覽器根據規范呈現頁面，混雜模式中頁面則以一種比較寬松的向后兼容的方式顯示。
3、link與@import區別：
區別1：link是XHTML標簽，除了加載CSS外，還可以定義RSS等其他事務； @import屬於CSS范疇，只能加載CSS。
區別2：link引用CSS時，在頁面載入時同時加載；@import需要頁面網頁完全 載入以后加載。
區別3：link是XHTML標簽，無兼容問題；@import是在CSS2.1提出的，低版本 的瀏覽器不支持。
區別4：ink支持使用Javascript控制DOM去改變樣式；而@import不支持。
4、盒模型：盒模型指在css布局中，html中的每個元素在瀏覽器中的解析都可以被看作一個盒子，擁有盒子一樣的外形和平面空間。盒模型屬性。。。
5、css中哪些屬性可以繼承：
所有元素可繼承：visibility和cursor。
內聯元素可繼承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
塊狀元素可繼承：text-indent和text-align。
列表元素可繼承：list-style、list-style-type、list-style-position、list-style-image。
表格元素可繼承：border-collapse。
6、如何居中一個浮動元素？百分比外邊距，相對定位一半自身的寬度負值。
7、css3新特性：1、增加了許多新的選擇器，比如兄弟選擇器，子元素選擇器，屬性選擇器等，方便布局。2，還有一些特殊效果，例如圓角邊框，多彩邊框，圖像邊框，文本陰影和陰影等。3、還有漸變，蒙版，倒影。4，還有一些特殊效果，比如動畫，過渡，旋轉，縮放等5、還可以進行響應式布局，彈性布局等，以及媒體查詢。
8、媒體查詢：使用 @media 查詢，你可以針對不同的媒體類型定義不同的樣式。 @media 可以針對不同的屏幕尺寸設置不同的樣式，特別是如果你需要設置響應式設計的頁面，@media 是非常有用的。 當你重置瀏覽器大小的過程中，頁面也會根據瀏覽器的寬度和高度重新渲染頁面。媒體類型：mediatype all 用於所有設備 screen 用於電腦屏幕，平板電腦，智能手機等 。關鍵字：and|not|only and 用來連接條件，然后括號里就是一個媒體特征查詢語句 not 用來排除某種媒體類型，即用於排除符合表達式的設備 only 用來限定某種媒體類型，可用來排除不支持媒體查詢的瀏覽器。
9、h5本地存儲：大小最小5MB，可以申請更大的空間 不會隨HTTP請求發送給服務器 非常容易操作 移動端普及高 localStorage與sessionStorage兩種localStorage為永久性保存數據，不會隨着瀏覽器的關閉而消失，可以在同域名跨頁訪問
sessionStorage為臨時性保存數據，當頁面關閉就會消失。其他一切與localStorage一樣 sessionStorage不能跨頁面訪問，也不會觸發跨標簽頁的storage事件。它只局限在當前的標簽頁
10、javascript在ie與w3c中的兼容：冒泡，監聽，滾輪，阻止默認事件。
11、跨域訪問：兩個域名之間不能跨過域名來發送請求或者請求數據，否則就是不安全的
12、js如何定義class：構造函數，setAttribute;
13.js如何擴展prototype：創建對象，利用原型拓展對象。
14、css：CSS（cascading Style Sheet 的縮寫），可譯為層疊樣式表或級聯樣式表，是一組格式設置規則，用於控制 web 頁面的外觀。
頁面內容與表現形式分離
可很好的控制頁面的布局
提高網頁加載速度降低服務器的成本呈現一致的效果
75、JavaScript是一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，在HTML網頁上使用，用來給HTML網頁增加動態功能
16、 ajax跨域 1. 可以讓服務器去別的網站獲取內容然后返回頁面 2. 給頁面的ajax一個url，ajax把這個url傳給服務器，由服務器去訪問跨域地址17、GET： 更常用，更方便 性能好 明文發送數據，沒有POST安全 傳輸數據大小有限制：數據通過URL傳遞，但是URL有一定長度限制。18、POST： 使用相對較少 性能只有GET的1/3左右 比GET稍微安全一點 沒有傳輸數據大小限制
word-6
1: 縮小Javascript和CSS文件
如果你的網站大約有50-60%的用戶是第一次訪客，那么這些人會下載Javascript和CSS，如果這些文件很大瀏覽器會下載很長時間。
2：減少HTTP請求
瀏覽器會花費80%的時間獲取外部元件，包括腳本、樣式表、圖像等，只有20%的時間用來加載內容，每個網站都會有許多HTTP請求，由於只有2個HTTP請求可以在同一時間傳送，所以請求一旦過多就會造成延遲。
3：緩存圖片、CSS和Javascript
每當一個新用戶訪問你的網站，圖片、CSS和Javascript應該在其瀏覽器緩存，這樣他們下一次訪問就特別快。
4：合並CSS引用圖片
很多網站的圖片都是切成小塊的，這樣下來就會有大量CSS引用圖片,如果我們把CSS圖片合並成一個，14個HTTP請求變成1個，想想會是什么效果？它的原理就是通過CSS坐標的方式取得圖片徑路，每個CSS標簽引用不同坐標就會得到不同圖片。我們看到很多網站的CSS圖片只有一張，用的就是這個原理。
5：只加載<head>部分的基本腳本
這個最簡單，不花時間，點擊自己網站右鍵“查看源文件”找到<head>與</head>之間的區域，看看那些不重要好的JS文件，把它仍到頁面底部，也就是讓它最后加載。或者直接刪除。
6：對圖像進行壓縮
除非你加載視頻，那么影響網站速度罪魁禍首應該就是圖片了，如果是jpeg、png圖片，保證不失品質的前提下，讓他們盡量壓縮，Fireworks軟件“導出向導”功能，它提供了一個很好的方式來預覽保存的圖像，讓圖片大小與質量之間平衡，大多數其他圖像編輯軟件都有類似的功能。