第一階段 HTML、CSS、HTML5、CSS3

1、XHTML與HTML的有何異同？

HTML是一種基於WEB的網路設計語言，XHTML是基於XML的置標語言，XHTML可以認為是XML版的HTML，所以它的語法比較嚴謹：元素必須關閉，巢狀必須正確，大小寫區分，屬性值必須用雙引號，id屬性代替name屬性

2、介紹一下CSS的盒子模型？彈性盒子模型是什麼？

3、Doctype的作用？標準模式與相容模式各有什麼區別?

4、HTML5 為什麼只需要寫 ？

5、行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？

6、頁面匯入樣式時，使用link和@import有什麼區別？

7、介紹一下你對瀏覽器核心的理解？

8、常見的瀏覽器核心有哪些？

9、HTML5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器相容問題？如何區分 HTML 和 HTML5？

10、簡述一下你對HTML語義化的理解？

11、iframe有那些缺點？

12、列出display的值，說明他們的作用？position的值， relative和absolute定位原點是？

13、一個滿屏 品 字佈局 如何設計?

14、常見相容性問題？

15、如果需要手動寫動畫，你認為最小時間間隔是多久，為什麼？（阿里面試題）

16、列舉IE 與其他瀏覽器不一樣的特性？

17、99%的網站都需要被重構是哪本書上寫的？

18、如何設計突發大規模併發架構？

19、說說最近最流行的一些東西吧？常去哪些網站？

20、介紹一個你最得意的作品吧？

21、你的優點是什麼？缺點是什麼？

22、如何管理前端團隊?

23、最近在學什麼？能談談你未來3，5年給自己的規劃嗎？

24、想問公司的問題？

25、cssSprite是什麼 ？有什麼優缺點？

26、CSS引入的方式有幾種？ link和import的區別是什麼？

27、前端頁面有哪三層構成？ 分別是什麼？ 作用是什麼？

28、介紹一下CSS的盒子模型

29、如何用CSS分別單獨定義ie6 IE7 IE8 IE9 IE10的width屬性

30、在CSS中哪些屬性可以同父元素繼承。

31、談談以前端的角度出發做好seo需要做什麼

32、css選擇符有哪些？哪些屬性可以繼屬性承？優先順序演算法如何計算？css3新增的

33、移動端（Android IOS）怎麼做好使用者體驗?

34、你在現在的團隊處於什麼樣的角色，起到了什麼明顯的作用？

35、你認為怎樣才是全端工程師（Full Stack developer）？

36、css基本語句的構成

37、document load 和document ready 的區別

38、什麼是html5？有什麼特點？

39、哪些瀏覽器支援html5？

40、css 中的使用列布局是什麼？ 為了實現列布局我們需要指定哪些內容？

41、描述css reset的作用和用途？

42、寫出5 種以上ie6 bug 的解決方法，哪些你認為是解決起來最麻煩的？

43、哪些瀏覽器支援html5？這些瀏覽器的核心分別是什麼？

44、什麼是Web workers？為什麼我們需要他？

45、前端頁面有那三部分構成，其作用是什麼。

46、寫出至少三個CSS3中新新增的樣式屬性的名字及引數。

47、給一個元素新增CSS樣式有哪幾種方法說說他們的優先順序。

48、多人專案中，你如何規劃css檔案樣式命名。

49、為了讓網頁更快的載入，你會如何處理你的css檔案和js檔案，以及圖片檔案，頁面效能優化你還知道哪些方法。

50、你經常遇到的瀏覽器相容性有哪些？通常是怎麼處理的。

51、HTML中div與span區別；

52、HTML5 儲存型別有哪些，以及與他們的區別；

53、css實現垂直水平居中（口語描述）。

54、瀏覽器核心分別是什麼；

55、列舉5種以上表單元素中input的type型別；

56、alt和title分別表示什麼含義以及具體應用體現；

57、css中position的屬性值都有哪些？並描述其含義及具體解釋；

58、對html語義化理解，以及語義化有哪些優點。

59、經常使用的頁面開發工具級測試工具。

60、經常使用什麼指令碼庫，開發或使用什麼應用或元件；

61、使用css如何讓一個寬度為200px的div水平居中，（要求相容ie，可提供多種方法）；

62、簡要畫出盒模型，並描述關鍵要素的含義；

63、頁面構造中你遇到過什麼樣的相容問題，如何解決

64、Doctype作用？標準模式與相容模式有什麼區別；

65、html5有哪些新特性，移除了哪些元素；

66、介紹一下標準css盒子模型；

67、什麼事css前處理器；

68、css3中你最常用的有哪些？說明用法。

69、document.write、innerHTML和innerText 的區別？

70、請說出至少三種減少頁面載入時間的方法。（載入時間是指感知的時間或者實際載入 的時間）

71、請描述你曾使用過的css前處理器的優缺點

72、實現 class為test的div 在螢幕寬為400一下的寬度為200，螢幕寬為400~800的情況下寬 度為350；

73、實現當螢幕寬度大雨700,小於800是時引用外部樣式style-7-9.css

74、HTML中input的6個新屬性

75、列一個手機端可以實現手勢滑動的外掛或類庫

76、對WEB標準以及W3C的理解與認識

77、xhtml和html有什麼區別

78、Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?

79、行內元素有哪些?塊級元素有哪些?CSS的盒模型?

80、CSS引入的方式有哪些? link和@import的區別是?

81、CSS選擇符有哪些?哪些屬性可以繼承?優先順序演算法如何計算?內聯和important哪個優先 級高?

82、標籤選擇符 類選擇符 id選擇符

83、標籤上title與alt屬性的區別是什麼?

84、描述css reset的作用和用途

85、解釋css sprites，如何使用。

86、瀏覽器標準模式和怪異模式之間的區別是什麼?

87、你如何對網站的檔案和資源進行優化?期待的解決方案包括：

88、清除浮動的幾種方式，各自的優缺點

89、CSS3有哪些新特性？

90、CSS中的class和id有什麼區別。

91、請說一下移動端常見的適配不同螢幕大小的方法。

92、一個高寬未知的圖片如何在一個比他大的容器內水平居中。

93、Table標籤的作用是什麼。

94、定義連結四種狀態的偽類的正確書寫順序是？

95、你知道的css選擇器有哪些。

96、遇到疑難問題時，你通常時如何解決的？

97、Inline，inline-block和block的區別是。

98、頁面匯入樣式時，使用link和@import有什麼區別。

99、CSS超過寬度的文字顯示點點，必須要設定的屬性。

100、設定文字陰影屬性。設定表格邊框合併屬性。

101、文字強制換行。

102、display：none與visibility:hidden的區別是什麼？

103、超連結訪問過後hover樣式後會出現什麼問題？如何解決。

104、前端頁面有那三部分構成，其作用是什麼。

105、寫出至少三個css3中新新增的樣式屬性的名字及引數。

106、給一個元素新增css樣式有哪幾種方法說說他們的優先順序。

107、多人專案中，你如何規劃css檔案樣式命名。

108、為了讓網頁更快的載入，你會如何處理你的css檔案和js檔案，以及圖片檔案，頁面性 能優化你還知道哪些方法。

109、你經常遇到的瀏覽器相容性有哪些？通常是怎麼處理的。

110、HTML中div與span區別；

111、HTML5 儲存型別有哪些，以及與他們的區別；

112、css實現垂直水平居中。

113、瀏覽器核心分別是什麼；

114、列舉5種以上表單元素中input的type型別；

115、alt和title分別表示什麼含義以及具體應用體現；

116、css中position的屬性值都有哪些？並描述其含義及具體解釋；

117、對html語義化理解，以及語義化有哪些優點。

118、經常使用的頁面開發工具級測試工具。

119、經常使用什麼指令碼庫，開發或使用什麼應用或元件；

120、使用css如何讓一個寬度為200px的div水平居中，（要求相容ie，可提供多種方法）；

121、簡要畫出盒模型，並描述關鍵要素的含義；

122、頁面構造中你遇到過什麼樣的相容問題，如何解決

123、Doctype作用？標準模式與相容模式有什麼區別；

124、html5有哪些新特性，移除了哪些元素；

125、介紹一下標準css盒子模型；

126、什麼事css前處理器；

127、css3有哪些新特性；

128、html5 中的應用快取是什麼？

129、本地儲存和cookies’之間的區別是什麼

130、簡單介紹boostrap柵格系統

131、你如何對網站的檔案和資源進行優化？

132、ie 和標準下有哪些相容性的寫法

133、get和post區別？

134、Doctype的作用是什麼？

135、瀏覽器標準模式和怪異模式的區別是什麼。

136、解釋一下浮動和它的工作原理。

137、列舉不同的清除浮動的方法，並指出他們各自適用的場景。