1. 程式人生 > >HTML/CSS面試題(收集)

HTML/CSS面試題(收集)

1、目前主流的瀏覽器以及其核心名有哪些?
點這裡檢視
2、內元素和塊級元素的區別?
行內元素:不會獨立出現在一行,單獨使用的時候後面不會有換行符的元素。eg:span, strong, img, a 等。這些元素,預設的高寬,總是其內容的高寬。並且,margin和padding值,只有左右有效。
塊級元素:獨立在一行的元素,他們後面會自動帶有換行符。eg:div , p ,form , ul , li , ol , dl 等。它們的出現,往往獨自佔領一行。在沒有設定寬度的情況下,預設寬度總是其父元素的寬度。
行內元素轉換成塊元素,只要設定其display屬性為block即可,display:block; 。塊元素轉換成行內元素,只要將其display屬性設定為inline即可,display:inline;。

3、Doctype作用?
<!DOCTYPE>告知瀏覽器的解析器用什麼文件標準解析這個文件。DOCTYPE不存在或格式不正確會導致文件以相容模式呈現。

4、引入樣式時,link和@import的區別?
連結樣式時,link只能在HTML頁面中引入外部樣式
匯入樣式表時,@import 既可以在HTML頁面中匯入外部樣式,也可以在CSS樣式檔案中匯入外部CSS樣式。

5、html5有哪些新特性?如何處理HTML5新標籤的瀏覽器相容問題?如何區分 HTML 和 HTML5?
HTML5 現在已經不是 SGML 的子集,主要是關於影象,位置,儲存,多工等功能的增加。

(1)繪畫 canvas;
(2)用於媒介回放的 video 和 audio 元素;
(3)本地離線儲存 localStorage 長期儲存資料,瀏覽器關閉後資料不丟失;
(4)sessionStorage 的資料在瀏覽器關閉後自動刪除;
(5)語意化更好的內容元素,比如 article、footer、header、nav、section;
(6)表單控制元件,calendar、date、time、email、url、search;
(7)新的技術webworker, websocket, Geolocation;

IE8/IE7/IE6支援通過document.createElement方法產生的標籤,可以利用這一特性讓這些瀏覽器支援HTML5新標籤,瀏覽器支援新標籤後,還需要新增標籤預設的樣式。當然也可以直接使用成熟的框架、比如html5shim;

6、關於定位
一共有5個值,分別是:absolute fixed relative static inherit。

absolute  生成絕對定位的元素,相對於 static 定位以外的第一個父元素進行定位。
fixed    生成絕對定位的元素,相對於瀏覽器視窗進行定位。
relative  生成相對定位的元素,相對於其正常位置進行定位。
static   預設值。沒有定位,元素出現在正常的流中
inherit   規定應該從父元素繼承 position 屬性的值

注:relative是相對其自身的位置變動的。absolute是會向上找其父元素,直到找到不是static定位的元素進行定位。一般在使用absolute的時候,都會給其父元素設定position:relative屬性,使其基於父元素定位。

7、