Web前端面試試題及答案: html和CSS面試題目匯總

1.對web標準以及w3c的理解和認識

答:表鉛筆盒,標簽小寫,不亂嵌套,提高所搜機器人搜索幾率。使用外鏈css和js腳本,結構行為表現分離,內容能被更多廣泛的設備所訪問,更少的代碼和組件,容易維護,改版方便,不需要變動頁面內容。

2.html和xhtml有什么區別?

html是一種基本的web網頁設計語言,xhtml是一個基于XML的置標語言。

最主要的不同:

XHTML元素必須正確的被嵌套,元素必須關閉,標簽必須小寫,必須有根元素

3.嚴格模式和混雜模式的區分,以及如何觸發這2種模式?

嚴格模式就是瀏覽器根據web標準去解析頁面,是一種要求嚴格的DTD,不允許使用任何表現層的語法,如

混雜模式是一種向后兼容的解析方法。

觸發標準模式或者說嚴格模式很簡單,就是Html前申明正確的DTD,出發混雜模式可以在html文檔開始不聲明DTD,或者在DOCTYPE前加入XML聲明

4.行內元素有哪些?塊級元素有哪些?CSS盒模型

行內元素: br span input a

塊級元素IV P H1 H2 FORM ul

CSS盒模型內容:padding border margin

5.css引入的方式有哪些?link和@import的區別?

引入方式3種:行內添加定義style屬性值,頁面頭部內內嵌調用和外鏈調用,

區別:

1.link是xhtml標簽,除了加載css外,還可以定義RSS等其他事務,@import只能加載CSS

2.link引用CSS時候,頁面載入的時候同時加載,@import需要頁面網頁完全載入后加載

3.link是XHTML標簽,沒有兼容問題,@import是在CSS2.1提出的,低版本的瀏覽器不支持。

4.link支持使用javascript控制DOM去改變樣式,但是@import不支持。

6.CSS選擇符有哪些?優先級算法如何計算?內聯和Important哪個優先級高

回答:CSS選擇符有類選擇符,屬性選擇符,ID選擇符,優先級算法是基于特殊性值進行計算的。分別如下:ID屬性 0.1.0.0

類屬性選擇器,屬性選擇器,偽類 0.0.1.0 元素選擇符,偽元素選擇符 0.0.0.1

通配選擇器對特殊性沒有任何貢獻值。

important優先級高

7.前端頁面有哪三層構成,分別是什么,作用是什么?

結構層:html 表示層:css 行為層:js

8.頁面的哪些瀏覽器你測試過,分別內核是什么?

IE(IE內核),火狐(Gecko),谷歌(webkit),opera(presto)

9.img標簽上的title和alt屬性區別是什么?

alt是當圖片不能正常顯示的時候,用文字代替

title該屬性提供信息

閱讀推薦

Web前端面試題:call()與apply()區別

Web前端面試題:link與@import導入樣式的區別

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容