html+css面試題集錦（一）
1、對WEB標準以及W3C的理解與認識？
web標準簡單來說可以分為結構、表現和行為，其中結構主要是有HTML標籤組成，或者通俗點來講，在頁面Body中我們寫入的標籤都是為了頁面的結構，表現指css樣式表，通過css可使頁面的結構標籤更具美感，行為是指頁面和使用者具有一定的互動，同時頁面結構或者行為發生變化，主要是js組成。
web標準一般是將該三部分獨立分開，使其更具有模組化，但一般行為發生變化時，一般伴隨著結構或者表現的變化。
其中W3C對web標準提出了規範化的要求，也即是程式碼規範，包括：①對於結構的要求（標籤規範可以提高搜尋引擎對頁面的抓取效率，對SEO很有幫助），標籤的字母要小寫，標籤要閉合，標籤不允許隨意巢狀。②對於css和js，儘量使用外鏈css樣式表和js指令碼，使結構，表現和行為分為三塊，提高頁面渲染速度，提高使用者體驗，儘量少用行間樣式表，使結構與表現分離，標籤的id和class等屬性名要做到見文知意。
2、xhtml和html有什麼區別？
HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言；
最主要的不同：
XHTML 元素必須被正確地巢狀。
XHTML 元素必須被關閉。
標籤名必須用小寫字母。
XHTML 文件必須擁有根元素。
3.行內元素有哪些?塊級元素有哪些?CSS的盒模型?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
Css盒模型:content（內容），border（邊框） ,margin（外邊距），padding（內邊距）
4.CSS引入的方式有哪些? link和@import的區別是?
①內聯方式（很糟糕的書寫方式）
直接在html標籤中的style屬性中新增css。
②嵌入方式
在html頭部中的<style>標籤下書寫css程式碼
③連結方式
在hrml的頭部的<head>標籤中引入外部的css檔案。
最常見也是最推薦的引入css的方式，使用這種方式，所有的 CSS 程式碼只存在於單獨的 CSS 檔案中，所以具有良好的可維護性。並且所有的 CSS 程式碼只存在於 CSS 檔案中，CSS 檔案會在第一次載入時引入，以後切換頁面時只需載入 HTML 檔案即可。
④匯入樣式
匯入方式指的是使用 CSS 規則引入外部 CSS 檔案。
兩者都是外部引用CSS的方式，但是存在一定的區別：
區別1：link是XHTML標籤，除了載入CSS外，還可以定義RSS等其他事務；@import屬於CSS範疇，只能載入CSS。
區別2：link引用CSS時，在頁面載入時同時載入；@import需要頁面網頁完全載入以後載入。
區別3：link是XHTML標籤，無相容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支援。
區別4：ink支援使用Javascript控制DOM去改變樣式；而@import不支援。
5.CSS選擇符有哪些?哪些屬性可以繼承?優先順序演算法如何計算?內聯和!important哪個優先順序高?
Class 可繼承 偽類A標籤可以繼承 列表 UL LI DL DD DT 可繼承優先順序就近原則，樣式定義最近者為準載入樣式以最後載入的定位為準
優先順序為!important > [ id > class > tag ]
!Important 比 內聯優先順序高。
6.前端頁面有哪三層構成，分別是什麼，作用是什麼？
結構層HTML，表示層CSS，行為層JS
網頁的結構層（structural layer）由 HTML 或 XHTML 之類的標記語言負責建立。標籤，也就是那些出現在尖括號裡的單詞，對網頁內容的語義含義做出了描述，但這些標籤不包含任何關於如何顯示有關內容的資訊。例如，P 標籤表達了這樣一種語義：“這是一個文字段。”
網頁的表示層（presentation layer） 由 CSS 負責建立。 CSS 對“如何顯示有關內容”的問題做出了回答。
網頁的行為層（behavior layer）負責回答“內容應該如何對事件做出反應”這一問題。這是 Javascript 語言和 DOM 主宰的領域。
7.IE6 BUG的解決方法
1.雙邊距BUG float引起的 使用display：inline；
2.3畫素問題 使用float引起的 使用dislpay:inline -3px 或者
margin-right:-3px
3.超連結hover 點選後失效 使用正確的書寫順序 link visited hover
active；
4.Ie z-index問題 給父級新增position:relative；
5.Png 透明 使用js程式碼改；
6.Min-height 最小高度 ！Important 解決’；
7.select 在ie6下遮蓋 使用iframe巢狀；
8.為什麼沒有辦法定義1px左右的寬度容器（IE6預設的行高造成的，使
用over:hidden,zoom:0.08 line-height:1px）；
8.HTML5應用程式快取為應用帶來什麼優勢。
應用程式快取為應用帶來三個優勢：
1）離線瀏覽：使用者可在應用離線時使用它們。
2）速度：已快取資源載入得更快。
3）減少伺服器負載：瀏覽器將只從伺服器下載更新過或更改過的資源。
9.談談對響應式佈局的看法。
響應式佈局有缺點也有優點。
優點：面對不同解析度裝置，靈活性強，能夠快捷地解決裝置顯示適應問題。
缺點：相容各種裝置時所需工作量大、效率低下、程式碼累贅，會隱藏無用的元素，載入時間延長，其實這是一種折中性質的十設計解決方案，由於多方面元素影響而達不到最佳效果，在一定程度上改變了網站原有的佈局結構，會出現使用者混淆的情況。
相關推薦
html+css面試題集錦（一）
1、對WEB標準以及W3C的理解與認識？ web標準簡單來說可以分為結構、表現和行為，其中結構主要是有HTML標籤組成，或者通俗點來講，在頁面Body中我們寫入的標籤都是為了頁面的結構，表現指css樣式表，通過css可使頁面的結構標籤更具美感，行為是指頁面和使用者具有一定的
PHP面試題集錦（一）
day clu 數據庫緩存 優勢 腳本 源代碼 任務 頁面 文件 1、用PHP打印出前一天的時間格式是2017-5-10 22:21:21(2分) Answer： $a = date("Y-m-d H:i:s", strtotime("-1 day")); pr
java面試題集錦（一）
第一，談談final, finally, finalize的區別。 最常被問到。 final：可以修飾非抽象類和非抽象類成員方法和變數 final類不能被繼承，沒有子類，final類中的方法預設是final 被宣告為final的變數必須在申明
Java面試題集錦 （一）
四. 如果類a繼承類b，實現介面c，而類b和介面c中定義了同名變數，請問會出現什麼問題？ interface A { int x = 0; } class B { int x =1; } class C extends B implements A { p
Java公司面試題集錦（一）
如有錯誤，望各位指正 本人會做更新 我看到了網上流傳的多個《Java面試題大全》，認真的閱讀了以後發現裡面的很多題目是重複且無用的，而且還有很多的參考答案是錯誤的，於是我花了一個月時間對這個所謂的《Java面試大全》進行了整理修改，在整理過程中，參照了當時J
前端面試題集錦（一）
ajax 生成 -s 需要 資源 元素 device 比例 代碼 移動端的300ms延時： 300ms延時的主要原因是雙擊縮放，即手指在屏幕上迅速點兩下，iOS自帶的瀏覽器會將網頁縮放至原始比例。所以假如當用戶點擊一個鏈接時，瀏覽器不能立即確定用戶是否要打開這個鏈接還是執行
面試題18（一）：在O(1)時間刪除鏈表結點
else mil ptr font 復雜度 節點 else if 開始 nes // 面試題18（一）：在O(1)時間刪除鏈表結點 // 題目：給定單向鏈表的頭指針和一個結點指針，定義一個函數在O(1)時間刪除該 // 結點。鏈表結點與函數的定義如下： // struct
java經典面試題總結（一）
Java經典面試題總結繼續更新，有需要的小夥伴可以路過不要錯過了！看上一篇面試題總結的反響還是很不錯的，就繼續更新了，也非常感謝各位小夥伴的持續關注…… 這次更偏基礎一些！ 1、String 和StringBuffer 的區別? 答：JAVA 平臺提供了兩個類：String 和StringBuffer，
面試題總結（一）、TCP協議
宣告：本文主要探討當TCP協議出現在面試筆試場合可能會涉及的問題，每一個知識點討論力求簡潔，便於記憶，但討論深度有限，如要深入研究可點選參考連結，希望對正在找工作的同學有點幫助。 一、TCP協議簡介 一般問到TCP協議的時候 最常見的是TCP連線建立和斷開的過程，也就是三次握手和四次揮手，兩
面試題55（一）：二叉樹的深度
一、題目 輸入一棵二叉樹的根結點，求該樹的深度。從根結點到葉結點依次經過的結點（含根、葉結點）形成樹的一條路徑，最長路徑的長度為樹的深度。 二、關鍵 三、解釋 四、程式碼 #include <cstdio> #include "..\Utilities\
面試題58（一）：翻轉單詞順序（簡單）
一、題目 輸入一個英文句子，翻轉句子中單詞的順序，但單詞內字元的順序不變。為簡單起見，標點符號和普通字母一樣處理。例如輸入字串"I am a student. "，則輸出"student. a am I"。 二、關鍵 1.反轉兩次。第一次：“.tneduts a ma
面試題57（一）：和為s的兩個數字
一、題目 輸入一個遞增排序的陣列和一個數字s，在陣列中查詢兩個數，使得它們的和正好是s。如果有多對數字的和等於s，輸出任意一對即可。 二、關鍵 1.兩個指標，一個指向頭一個指向尾，按照規則向中間靠攏。 三、解釋 四、程式碼 #include <cstdio&
超詳細的Java面試題總結（一）之Java基礎知識篇
福利：看本文之前，推薦給大家一個阿里雲雙11活動，真的非常非常非常推薦，對於新人福利，阿里雲這次真的是下血本了，建議阿里雲新人一定一定一定不要錯過。如果覺得這單純是廣告的話（阿里雲肯找我做廣告就好了，嘿嘿），你可以直接跳過看正文。 阿里雲雙11最新活動（僅限阿
初級程式設計師面試題總結（一）：
本人將這幾天面試的題目總結一些，如果出現錯誤請指正，謝謝。 1，談一談spring。 答：spring是為java程式開發提供的綜合性的基礎java開發平臺，它提供了從表現層SpringMVC到業務層Spring再到持久層springData的一套完整的解決
C++ 面試題彙總（一）
1. C++面向物件特點。 2. 多型、虛擬函式（實現原理）、純虛擬函式、抽象類及虛基類 3. 什麼是引用？引用使用時需要注意哪些？ 4. 將引用作為函式引數有哪些特點？ 5. 什麼時候使用常引用？將引用作為函式返回值型別的格式、好處及需要遵循的規則？ 6. 引用和指標的區別？ 7. 過載、
面試題--Java（一）
1.Springmvc獨有的5個註解 1)@Controller @Controller 用於標記在一個類上，使用它標記的類就是一個SpringMVC Controller 物件。分發處理器將會掃描使用了該註解的類的方法。通俗來說，被Contr
Android--面試題整理（一）
1. 什麼是Activity? 四大元件之一,一般的,一個使用者互動介面對應一個activity setContentView() ,// 要顯示的佈局 , activity 是Context的子類,同時實現了window.callback和keyevent.callb
筆試面試題總結（一）--- 軟體開發
1．Huffman編碼中的貪心策略，該部分所需要的計算時間。 首先，要理解Huffman編碼中那部分用到了貪心演算法，貪心的策略，這樣才能求所需的計算時間。 哈夫曼編碼演算法：每次將集合中兩個權值最小
java面試題集錦（二）
面向物件部分（二） 上一篇 1、什麼是多型. 多型是面向物件的重要特性,簡單點說:“一個介面，多種實現”，就是同一種事物表現出的多種形態。 程式設計其實就是一個將具體世界進行抽象化的過程，多型就是抽象化的一種體現，把一系列具體事物的共同點抽象出來, 再
2018java面試題集錦（3）
面試是我們每個人都要經歷的事情，大部分人且不止一次，這裡給大家總結最新的2018年面試題，讓大家在找工作時候能夠事半功倍。N Java中有幾種建立物件的方式？下面給出它們的例子還有它們的位元組碼 1 Switch能否用string做引數？a.在 Java 7 之前, s