HTML CSS面试题

HTML CSS

1.DOCTYPE作用是什么

2.标准模式与兼容模式有什么区别

3.行内元素有哪些块级元素有哪些,空元素有哪些

4.页面导入样式时，link和@import有什么区别

5.介绍一下你对浏览器内核的理解

6.简述一下你对HTML语义化的理解

7.Label的作用是什么,怎么使用

8.实现不使用border画1px高的线，在不同浏览器的标准模式与怪异模式都能保持一致效果

9.网页验证码是干嘛的为解决什么安全问题而生

10.Title与h1、b与strong、i与em的区别

11.介绍一下标准的盒模型低版本IE的盒子模型有什么不同

12.CSS选择器有哪些哪些属性可以继承

13.CSS优先级算法如何计算

14.如何居中div

15.Display有哪些值说说它们的作用

16.Position有哪些值分别怎么使用

17.一个满屏‘品’字如何布局

18.CSS多列等高如何实现

19.浏览器的兼容问题有哪些解决方案是什么常用hack的技巧

20.Li与Li之间看不见的空白间隔是什么原因引起的有什么解决办法

21.为什么要初始化CSS样式

22.Absolute的containingblock计算方式跟正常流有什么不同

23.CSS定义的权重

24.解释为什么清除浮动清除浮动的方式

25.什么是外边距合并

26.Zoom:1的清浮动原理

27.使用CSS预处理器吗喜欢哪个

28.CSS优化、提高性能的方法有哪些

29.浏览器是怎样解析CSS选择器的

30.Margin和padding分别适合什么场景使用

31.::before和:after中双冒号和单冒号有什么区别并解释作用

32.如何修改chrome记住密码后自动填充表单的黄色背景

33.设置元素浮动后，该元素的display值是

34.怎么让chrome支持小雨12px的文字

35.让页面里的字体变清晰，变细用CSS怎么做

36.font-style属性可以让它赋值为“oblique”是什么意思

37.Display: inline-block; 什么时候回显示间隔

38.设置一个已知ID的div的HTML内容为XXXX，字体颜色设置为黑色

39.你做的页面在哪些浏览器测试过这些浏览器的内核分别什么

40.DIV+CSS的布局较table布局有什么优点

41.IMG的alt与title、strong与em异同

42.渐进增强与优雅降级的不同

43.为什么利用多个域名存储网站资源更有效

44.谈谈你对网页标准和标准定制的理解

45.谈谈cookies、sessionStorage、localStorage的区别

46.Src和href区别

47.网页制作会用到的图片格式有哪些

48.从用户刷新页面到JS请求哪些地方会用到缓存

49.一个页面有大量的图片，有哪些加载速度优化方案

50.从前端角度出发，做好SEO需要考虑什么

51. 前端应该注意网页结构和内容的哪些情况

52. 哪些方式可以对一个DOM设置它的CSS样式

53. CSS选择器有哪些

54. DOM元素隐藏的方式

55. 超链接访问后hover样式消失原因，如何解决

56. 什么是CSSHACK，ie6 7 8的hack分别是什么

57. 行内元素与块级元素的区别

58. rgba() 和 opacity 透明效果有什么不同

59. CSS中可以让文字在垂直和水平方向上重叠的两个属性是什么

60. 如何垂直居中一个浮动元素

61. 如何垂直居中一个 img

62. px和em的区别

63. SASS、LESS是什么，简要介绍

64. 隐藏DOM元素的两个常用属性区别

65. 初始化样式原因

66. BFC是什么

67. DOCTYPE作用是什么，严格模式与混杂模式什么，如何触发，区分它们的意义（77）

68. IE双边距BUG：块级元素浮动后设置横向margin，ie6显示的较大

69. HTML与XHTML区别

70. HTML常见兼容性问题

71. 对WEB标准及W3C的理解与认识

72. 前端页面有哪三层构成，分别是什么，作用是什么

73. CSS的基本语法构成是什么

74. 什么是外边距重叠，重叠的结果是什么

75. 样式优先级详细描述