面试题答案剖析.doc

WEB标准以及W3C标准是什么？ 标签闭合、标签小写、不乱嵌套、使用外链css和js、结构行为表现的分离。 xhtml和html有什么区别 XHTML 元素必须被正确地嵌套，闭合，区分大小写，文档必须拥有根元素。 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可以吗？ margin-top,padding-top无效 6.CSS的盒模型由什么组成？ 内容，border ,margin，padding 7.说说display属性有哪些？可以做什么？ display:block行内元素转换为块级元素 display:inline块级元素转换为行内元素 display:inline-block转为内联元素 8.CSS 选择符有哪些？ 1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[rel = external]） 9.伪类选择器（a: hover, li: nth - child） 9.哪些css属性可以继承？ 可继承： font-size font-family color, ul li dl dd dt; 不可继承 ：border padding margin width height ; 10.css优先级算法如何计算？ !important id class 标签 !important 比 内联优先级高 * 优先级就近原则，样式定义最近者为准; * 以最后载入的样式为准; 11.text-align:center和line-height有什么区别？ text-align是水平对齐，line-height是行间。 12.前端页面由哪三层构成，分别是什么？作用是什么？ 结构层 Html 表示层 CSS 行为层 js 13.标签上title与alt属性的区别是什么？ Alt是图片属性，让搜索引擎认识你的图片。当图片不显示的时候显示。 title是网站标题，是seo中最重要的属性。 14.使用css 精灵有什么好处？ Css 精灵 把一堆小的图片整合到一张大的图片上，减轻HTTP的请求数量。 15.什么是语义化的HTML？ 标签使用的合理性，对于搜索引擎的抓取有好处。 16.b标签和strong标签,i标签和em标签的区别？ 后者有语义，前者则无。 17.tite与h1的区别。 title侧重于网站信息标题 从文章而言，h1侧重于文章主题 站在seo的角度看，好网站少不了title，好文章少不了h1标题，title权重高于h1。 18.清除浮动的几种方式，各自的优缺点 1.使用空标签清除浮动clear:both（缺点，增加无意义的标签） 2.使用overflow:auto（使用zoom:1用于兼容IE） 3.是用afert伪元素清除浮动(用于非IE浏览器) 19.display:none和visibility:hidden的区别是什么？ visibility: hidden----将元素隐藏，但是还占着位置。 display: none----将元素的显示设为无，不占任何的位置。 20.说出几种IE6 BUG的解决方法 1.双边距BUG float引起的??解决：使用display 2.3像素问题 使用float引起的 解决：使用dislpay:inline -3px?? 3.超链接hover 点击后失效??解决：使用正确的书写顺序 link visited hover active 4.Ie z-index问题 解决：给父级添加position:relative 5.Png 透明 解决：使用js代码 6.Min-height 最小高度 ！Important 解决 7.img出现边框 8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的overflow:hidden,zoom:0