web前端面试题.pdf

"Web前端面试题.pdf" 本文档主要涵盖了Web前端开发中的一些重要知识点，包括HTML、CSS、JavaScript等方面。 1. WEB标准和W3C标准 WEB标准和W3C标准都是指Web前端开发中遵守的一些基本规范和标准，以确保Web页面的可读性、可维护性和可扩展性。WEB标准包括标签闭合、标签小写、不乱嵌套、使用外链CSS和JS、结构行为表现的分离等。 1.1 div中img的水平和垂直居中 可以使用以下CSS代码来实现div中img的水平和垂直居中： `Div { width: 200px; height: 200px; text-align: center; font-size: 0; overflow: hidden; line-height: 200px; _line-height: 178px;/*兼容IE6*/ } Img { vertical-align: middle; }` 1.2 HTML中没有单位的属性 HTML中没有单位的属性有z-index、zoom、font-weight等。 1.3 form表单中input标签的readonly和disabled属性 readonly属性表示只读，不可以修改，而disabled属性表示禁用，整个文本框是显示灰色状态。 2. XHTML和HTML的区别 XHTML元素必须被正确地嵌套、闭合、区分大小写，文档必须拥有根元素。HTML则没有这些限制。 3. 行内元素和块级元素 行内元素包括a、b、img、em、br、i、span、input、select等，不可以设置宽高，不独占一行。块级元素包括div、p、h1-h6、form、ul、dl、ol、table等，可以设置宽高，独占一行。 4. 行内元素和块级元素的区别 行内元素不能设置宽高，不独占一行，而块级元素可以设置宽高，独占一行。 5. 让行内元素跟上面的元素距离10px 可以使用margin-top和padding-top，但是这两个属性对于行内元素无效。 6. CSS的盒模型 CSS的盒模型由内容（width,height）、border、margin、padding四部分组成。 6.1 简述div+css布局的优势 div+css布局的优势包括符合W3C标准、兼容性好、有利于搜索引擎、样式的调整更加方便、css简洁的代码，能使样式和结构分离。 7. display属性 display属性可以将行内元素转换为块级元素、将块级元素转换为行内元素、转换为内联元素等。 8. CSS选择符 CSS选择符包括id选择器、类选择器、标签选择器、相邻选择器、子选择器、后代选择器、通配符选择器、属性选择器、伪类选择器等。 9. 哪些CSS属性可以继承 可以继承的CSS属性包括font-size、font-family、color、ul li dl dd dt等字体属性和列表属性。 10. CSS优先级算法 CSS优先级算法包括!important > id > class > 标签，!important比内联优先级高，以最后载入的样式为准。 11. text-align和line-height的区别 text-align是水平对齐，而line-height是行间对齐。 12. 前端页面由哪三层构成 前端页面由结构层HTML、表示层CSS、行为层JavaScript三层构成，分别负责页面结构内容、样式和外观、交互和动画效果。 13. 标签上title和alt属性的区别 alt属性是图片属性，让搜索引擎认识你的图片。当图片不显示的时候显示。title属性是网站标题，是SEO中最重要的属性。 14. 使用CSS精灵 CSS精灵可以把一堆小的图片整合到一张大的图片上，减轻HTTP的请求数量，能够提升网站性能。但是，它也存在一些缺点，如可维护性方面的问题。 15. 什么是语义化的HTML 语义化的HTML指的是标签使用的合理性，对于搜索引擎的抓取有好处。 16. b标签和strong标签、i标签和em标签的区别 b标签和i标签没有语义，而strong标签和em标签有语义。 17. title和h1的区别 title侧重于网站信息标题，从文章而言，h1侧重于文章主题站在SEO的角度看，好网站少不了title，好文章少不了h1标题，title权重高于h1。 18. 清除浮动的几种方式 清除浮动的几种方式包括使用空标签清除浮动clear:both等。