HTMLSS前端工程师笔试题目　.doc

+CSS前端工程师笔试题目 导读：前端工程师的职责是制作标准优化的代码，并 增加交互动态功能，开发JavaScript以及Flash模块，同 时结合后台开发技术模拟整体效果，进行丰富互联网的Web 开发，致力于通过技术改善用户体验。以下是由小编为您 整理推荐的前端工程师笔试题目，欢迎参考阅读。 对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜 索几率、使用外链css和js脚本、结构行为表现的分离、 文件下载与页面速度更快、内容能被更多的用户所访问、 内容能被更广泛的设备所访问、更少的代码和组件，容易 维护、改版方便，不需要变动页面内容、提供打印版本而 不需要复制内容、提高网站易用性； 和 有什么区别 是一种基本的WEB网页设计语言，XHTM L是一个 基于XML的置标语言 最主要的不同： XHTM L元素必须被正确地嵌套。 X 元素必须被关闭。 标签名必须用小写字母。 X 文档必须拥有根元素。 ?严格模式与混杂模式-如何触发这两种模式，区分它 们有何意义? 用于声明文档使用那种规范(h tm 1/X )—般为严格 过度基于框架的 文档 加入X Ml声明可触发，解析方式更改为拥有的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型？ 块级元素：di vphlh2h3 h4 formul 行内元素：abbrisp an input se 1 e ct Css盒模型：内容，border， m argin，p addi ng 引入的方式有哪些？li nk和import的区别是？ 内联内嵌外链导入 区别：同时加载 前者无兼容性，后者以下浏览器不支持 Lin k支持使用ja vase ript改变样式，后者不可 选择符有哪些？哪些属性可以继承？优先级算法如何计 算？内联和i mportant哪个优先级高？ 标签选择符类选择符id选择符 继承不如指定Idcl ass〉标签选择 后者优先级高 前端页面有哪三层构成，分别是什么？作用是什么？ 结构层Htm 1表示层CSS行为层j s 的基本语句构成是？ 选择器{属性1:值1 :属性2:值2;……} 9.你做的页面在哪些流览器测试过?这些浏览器的内核 分别是什么？ Ie (Ie 内核)火狐(Gecko)谷歌(webkit) opea r (Presto) 1 0 .写出几种IE6B UG的解决方法 双边距BUGf 1 oat引起的使用di splay 像素问题使用floa t引起的使用dislp a y: inline-3 px 3.超链接ho ver点击后失效使用正确的书写顺序lin kv isitedho ver active z-i ndex 问题给父级添加posi tion:re lat ive 透明使用j S代码改 最小高度！ Im portant解决 在ie6下遮盖使用i fr ame嵌套 为什么没有办法定义lpx左右的宽度容器(IE6默认 的行局造成的，使用 o ver :hidden, zo om:line-h e ight:lpx) 标签上titl e与alt属性的区别是什么？ Alt当图片不显示是用文字代表。 Tit le为该属性提供信息 描述cssrese t的作用和用途。 R eset重置浏览器的c ss默认属性浏览器的品种不同， 样式不同，然后重置，让他们统一 1 3.解释css spri tes，如何使用。 Css精灵把一堆小的图片整合到一张大的图片上，减轻 服务器对图片的请求数量 浏览器标准模式和怪异模式之间的区别是什么？ 盒子模型渲染模式的不同 使用可显示为什么模式 你如何对网站的文件和资源进行优化？期待的解决 方案包括： 文件合并 文件最小化/文件压缩 使用C DN托管 缓存的使用 什么是语义化的 ? 直观的认识标签对于搜索引擎的抓取有好处 清除浮动的几种方式，各自的优缺点 使用空标签清除浮动cl ear:both（理论上能清楚任 何标签，，，增加无意义的标签） 使用ove rflo w:auto （空标签元素清除浮动而不得 不增加无意代码的弊端，，使用zoo m: 1用于兼容I E） 是用afe rt伪元素清除浮动（用于非IE浏览器） Ja v ascript 的typ eof返回哪些数据类型 Obj ectnum berf unction boo leanunde rf ind 例举3种强制类型转换和2种隐式类型转换？ 强制(parselnt，p arseFloa t, n umber) 隐式(==-===) Ojoin 0的区别 前者是切割成数组的形式，后者是将数组转换成字符 串 数组方法 pop () push () uns hi ft () shif t () Push ()尾部添加p op ()尾部删除