文档介绍:读书破万卷 下笔如有神
: .
Web前端开发面试题
一、描述题
1、 简要的描述一下 W3C组织的工作职责
答:W3C(万维网联盟)为解决 Web应用中不同平台、技术和开发者带来的不兼容性,保障 Web
信息的顺利和完整流通,网页开发从此在结构、表现、行为上相分离。
2、 目前常用的 WEB标准静态语言是:
答: XHTML
3、 内联元素有哪些?块级元素有哪些? CSS的盒模型有哪些属性?
答:内联元素有 a, spa n, i mg, in put, select, strong 等。块级元素有 div, ul, ol,
li, dl,dt,dd, h1,h2 …,p。盒模型:marg in, padd in g,width,height,border 。
4、 改变元素的外边距和内填充用什么?
答: marg in paddi ng
5、 对ul li 的样式设成无,应该是用什么属性?
答: list-style-type:none;
6、 color:#666666; 可缩写为什么?
答:color:#666;
7、 合理的页面布局中常听说结构与表现分离,那么结构和表现分别指什么?
答:结构为xhtml,表现为css
8、 举例你在实践中遇到的 IE6 bug,并谈谈解决方案
答:如浮动产生双倍边距,用 display:i nline 解决
9、 谈谈不同浏览器的 css hack做法
答:所有浏览器通用:height:10px; IE6 专用:_height:10px;IE6,IE7 公用:*height:10px;IE7 专用:*+height:10px;IE7,IE8,FF 公用:height:10px !importa nt;
10、 CSS中哪些属性可以同父元素继承?
答: color, font-size
11、 你如何理解 HTML结构的语意化?
是strong加粗;2em,是粗体,字体大小 h1本身是没有表现的,我们看到例如 html答:
读书破万卷 下笔如有神
加粗的,不要认为这是 html,这些其实是html默认的css样式在起作用,所以去掉或样式丢失
的时候能让页面呈现清晰的结构不是语义化的 HTML特点,但是浏览器都有默认的样式,默认的
样式目的也是为了更好的表达 html的语义,可以说浏览器的默认样式和 HTML结构是不可分割的
12、 谈谈对css模块化设计的看法?
答:css模块化开发是css开发者们都会使用到的方法,它具有结构良好,扩展性强,重用性好 等特点,同时有利于团队之间的合作。
13、 谈谈对css sprite 技术的看法
答:css sprite 是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片
都包含到一张图片中去, 这样一来,当访问该页面时, 载入的图片就不会像以前那样一张一张的 慢慢显示岀来了,对于当前网络流行的速度不高于 200KB的单张图片的所需载入时间基本是差不
多的,所以无需顾忌这个问题,加速的关键,不是降低重量,而是减少个数,传统的切图讲究精
细