前端開發面試題準備html+css（上）

（1）如何理解web標準？

     web標準就是w3c標準，在1994年，爲了研究web規範和方針，致力於web的發展，保證各類web技術協同發展。

     web標準的主要規範有：html，XML，XHTML，css，dom

     它的具體規範是：

　　a.要求標籤必須閉合，小寫，不可亂嵌套

　　b.建議使用外鏈css和腳本，實現結構與表現，結構與行爲分離，從而方便檢索，更快地顯示頁面；

　　c.內容能被更多的用戶所訪問，內容能被更多的設備所訪問，更少的代碼和組件，容易維護；

（2）xhtml和html有什麼區別

       HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言
       最主要的不一樣：
       XHTML 元素必須被正確地嵌套。
       XHTML 元素必須被關閉。
       標籤名必須用小寫字母。
       XHTML 文檔必須擁有根元素。

（3）Doctype? 

        用於聲明文檔使用那種規範（html/Xhtml）

（4）行內元素有哪些?塊級元素有哪些?CSS的盒模型?

        塊級元素：div p h1 h2 h3 h4 form ul
        行內元素: a b br i span input select
        Css盒模型:內容，border ,margin，padding

5.CSS引入的方式有哪些?

     面中使用CSS的方式主要有3種：行內添加定義style屬性值，頁面頭部內嵌調用和外面連接調用，其中外面引用有兩種：link和@import。外部引用CSS兩種方式link和@import      的方式分別是：

     XML/HTML代碼
    <link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />   
     XML/HTML代碼
    <style type="text/css" media="screen">   
    @import url("CSS文件");   
    </style>  

    二者都是外部引用CSS的方式，可是存在必定的區別：

　　區別1：link是XHTML標籤，除了加載CSS外，還能夠定義RSS等其餘事務；@import屬於CSS範疇，只能加載CSS。

　　區別2：link引用CSS時，在頁面載入時同時加載；@import須要頁面網頁徹底載入之後加載。

　　區別3：link是XHTML標籤，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。

　　區別4：ink支持使用Javascript控制DOM去改變樣式；而@import不支持。

 6.CSS選擇符有哪些?哪些屬性能夠繼承?優先級算法如何計算？

   css選擇器大體分爲兩種：

   標籤選擇器（*是特殊狀況），可但標籤，也可上下文多標籤；
   通用*+標籤+多標籤
   屬性選擇器（id和class都是屬性，特殊的屬性）
   id+class+屬性（img[title]）
   僞類，僞元素選擇器
  ：（:active :focus :hover :link :visited :first-child ） + ：：before、:after
   i-c-e公式：
   行內（1000）可是如今不多這樣寫>id>class（僞類，類，屬性）>元素（標籤/僞元素）

 7.前端頁面有哪三層構成，分別是什麼?做用是什麼?

   結構層 Html 表示層 CSS 行爲層 js

8.你作的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什麼?
   Ie(Ie內核) 火狐（Gecko） 谷歌（webkit） opear(Presto)

9 標籤上title與alt屬性的區別是什麼?.描述css reset的做用和用途？解釋css sprites，如何使用？

   title:標題，

   alt:是圖片不顯示時的文字替代

   css reset：Reset重置瀏覽器的css默認屬性 瀏覽器的品種不一樣，樣式不一樣，而後重置，讓他們統一

   Css 精靈 把一堆小的圖片整合到一張大的圖片上，減輕服務器對圖片的請求數量

10.什麼是語義化的HTML?
  直觀的認識標籤 對於搜索引擎的抓取有好處

11.清除浮動的幾種方式，各自的優缺點
    1.使用空標籤清除浮動 clear:both（理論上能清楚任何標籤，，，增長無心義的標籤）
   2.使用overflow:auto（空標籤元素清除浮動而不得不增長無心代碼的弊端,,使用zoom:1用於兼容IE）
   3.是用afert僞元素清除浮動(用於非IE瀏覽器)

12.你如何對網站的文件和資源進行優化?期待的解決方案包括：

   文件合併
   文件最小化/文件壓縮
   使用CDN託管
   緩存的使用

13.瀏覽器標準模式和怪異模式之間的區別是什麼

   盒子模型 渲染模式的不一樣
   使用 window.top.document.compatMode 可顯示爲何模式

14寫出你遇到的bug，以及你是怎麼解決問題的？

超連接hover 點擊後失效 使用正確的書寫順序 link visited hover active