《Web前端试卷（困难）》试卷

得分

单选题（每题2分，共计40分）

1．页面上的div标签，其HTML代码为

，为其设置CSS样式如下：

#box{

color:blue;

}

那么，文字的颜色将显示为（）

A、红色

B、蓝色

C、黑色

D、以上选项都不正确

2．关于transition-property属性的描述，下列说法正确的是（）。

A、用于指定应用过渡效果的CSS属性的名称

B、用于定义完成过渡效果需要花费的时间

C、规定过渡效果中速度的变化

D、规定过渡效果何时开始

3．在定义列表中，用于对名词进行解释和描述的标记的是（）。

A、

B、

C、

D、

4．关于代码alert('220' + '230')的输出结果，下列选项正确的是（）。

A、220 + 230 = 220230

B、220 + 230 = 450

C、220230

D、450

5．下列选项中，属于“从模板中分离”的操作是（）。

A、直接拖拽出去

总分题型单选题判断题填空题简答题题分

得分

B、用【Ctrl+X】快捷键进行分离

C、修改→从模板中分离

D、按【Ctrl+Alt+V】组合键进行分离

6．下列选项中，属于字符串结尾的div标签是（）。

A、div[id*=section]

B、div[id$=section]

C、div[id^=section]

D、以上都不对

7．请简要描述什么是两列布局，并举例说明。

A、单列布局

B、两列布局

C、三列布局

D、通栏布局

8．在JavaScript中，用下列哪一项可创建一个自定义的空对象。（）A、{}B、*

C、（）

D、<>

9．下列选项中，属于子代选择器的是（）。

A、h2+p

B、p~h2

C、h1 > strong

D、以上都不对

10．在CSS5中，可以实现倾斜效果的属性是（）。

A、translate()

B、scale()

C、skew()

D、rotate()

11．下列选项中，用于规定过渡效果何时开始的属性是（）。

A、transition-property

B、transition-duration

C、transition-timing-function

D、transition-delay

12．关于background-position属性值，下列书写正确的是（）。

A、p{ background-position:left top; }

B、p{ background-position:left 10; }

C、p{ background-position:10 top ;}

D、p{ background-position:top 10 ;}

13．关于HTML标签设置属性的基本语法格式，下列选项正确的是（）。

A、<标签名属性1="属性值1" 属性2="属性值2" …> 内容

B、

C、

D、

14．在CSS4中，可以实现缩放效果的属性是（）。

A、translate()

B、scale()

C、skew()

D、rotate()

15．下列选项中，用于设置圆角边框的属性是（）。

A、border-style

B、border-height

C、border-radius

D、border-color

16．下列选项中，属于单标签语法格式的是（）。

A、<标签名/>

B、<标签名>内容

C、

D、<标签名>

17．下列选项中，属于菜单导航的标签是（）。A、nav

B、section

C、article

D、header

18．关于代码“alert(2 * 3 + 25 / 5 - 1)”的输出结果，下列选项正确的是（）。

A、10

B、10.2

C、10.4

D、12

19．下列选项中，属于表单标签的用途的是（）。

A、用来对页面结构进行划分

B、解决了以往通过Flash等进行视频的一些展示

C、主要用于功能性的内容表达

D、专门用于菜单导航、链接导航的标签。

20．下列选项中，能够减少向服务器发送请求次数的技术是（）。

A、CSS响应式技术

B、CSS精灵技术

C、CSS滑动门技术

D、CSS压线技术

得分

判断题（对的打“√”，错的打“×”；每题1分，共20分）

21．HTML5文档简化了标签内部指定的名字空间""。( )

22．模板只需要制作网页中重复的模块。( )

23．浮动元素不会对页面中其他元素的排版产生影响。( )

24．权重相同时，CSS遵循就近原则。( )

25．在表格标记中，border-collapse属性用来使单元格的边框合并。( ) 26．JavaScript需要编译、链接，只有生成独立的可执行文件后才能运行。( ) 27．域名中的标号通常是由英文和数字组成。( )

28．模板是制作网页时能够重复使用的特殊文档。( )

29．!important都具有最大优先级。( )

30．在有序列表中，list-style-type 属性值的显示效果不可以是罗马数字。( ) 31．console.log()用于在浏览器的控制台中输出内容。( )

32．并集选择器是各个选择器通过逗号连接而成的。( )

33．Firebug是谷歌浏览器下的一款开发插件，属于谷歌强力推荐的插件之一。( )

34．在HTML中常用的列表有三种，其中有序列表是指有排列顺序的列表，其各个列表项按照一定的顺序排列。( )

35．可以用企业名称相应的英文名作为域名。( )

36．使用负margin可以产生两个盒子重叠的特殊效果。( )

37．CSS是层叠式样式表的简称。( )

38．无序列表是一种不分排序的列表，各个列表项之间没有顺序级别之分。( )

39．所有复杂的布局都是在两列布局的基础上演变而来的。( )

40．list属性用于指定输入框所绑定的

得分

填空题（每题1分，共计10分）

41．在列表样式属性中，用来为列表项设置项目图像的属性是【】

42．通常网页的扩展名主要分为【】和【】。

43．在HTML语言中，【】标记用于设置表格的表头。

44．在JavaScript中，根据函数中变量作用域的不同，可以把变量分为全局变量和【】。

45．在JavaScript中，使用关键字【】来定义函数。

46．【】是传播信息的载体，也是吸引访问者的主要入口。

47．CSS精灵的关键在于使用【】属性定义背景图像的位置。

48．表单都会通过【】属性指定提交方式。

49．【】标签用于为页面添加音频。50．使用div+css布局时，网页的布局类型通常分为【】、双列布局、三列布局三种类型

得分

简答题（每题5分，共计30分）

51．请简要描述在设计详情页时需要注意的事项。

52．在考虑权重时需要注意哪些问题？

53．请简要描述网页配色的原则。

54．简要描述一下什么是键值对。

55．请简述网页设计的原则。

56．请简要描述什么是网络测试以及其测试内容。

答案

单选题（每题2分，共计40分）1．A

2．A

3．D

4．C

5．C

6．B

7．B

8．A

9．C

10．C

11．D

12．A

13．A

14．B

15．C

16．A

17．A 18．A

19．C

20．B

判断题（每题1分，共计20分）21．对

22．对

23．错

24．对

25．对

26．错

27．对

28．对

29．对

30．错

31．对

32．对

33．错

34．对

35．对

36．对

37．对

38．对

39．错

40．对

填空题（每题1分，共计10分）

41．【list-style-image】

42．【htm】【html】

43．【】

44．【局部变量】

45．【function】

46．【网页】

47．【background-position】

48．【method】

49．【audio】

50．【单列布局】

简答题（每题5分，共计30分）

51．正确答案：在设计详情页时要与首页的色彩风格一致，页面中装饰元素也要与其他页面保持一致，使得整个网站具有整体性。52．正确答案：1.继承样式的权重为0。即在嵌套结构中，不管父标签样式的权重多大，被子标签继承时，它的权重都为0，也就是说子标签定义的样式会覆盖继承来的样式（子标签可以不继承）。

2.行内样式优先。应用style属性的标签，其行内样式的权重非常高，可以理解为远大于100。总之，它拥有比上面提到的选择器都大的优先级。

3.权重相同时，CSS遵循就近原则。也就是说靠近标签的样式具有最大的优先级，或者说排在最后的样式优先级最大。

53．正确答案：网页配色原则包括：1.使用网页安全色；2.遵循配色方案。

54．正确答案：所谓“键值对”简单地说即为对“属性”设置“值”。它有多种表现形式，例如color="red" 、width:200px;等，其中color和width即为“键值对”中的“键”（英文key），red和200px为“键值对”中的“值”（英文value）。

55．正确答案：网页设计原则包括以下4个方面：

1.以用户为中心：以用户为中心的原则实际是要求设计师要站在用户的角度进行思考；

2.视觉美观：视觉美观是网页设计最基本的原则；

3.主题明确：鲜明的主题可以使网站轻松转化一些高质量有直接需求的用户，还可以增加搜索引擎的友好性；

4.内容与形式统一：设计的内容是指主题、内容元素等，形式是指结构、设计风格等表现方式。一个优秀的网页是内容与形式统一的完美体现，也就是说网页在主题、形象、风格等方面都是统一的。

56．正确答案：网络测试是指网站上传到服务器之后针对网站的各项性能情况的一项检测工作。例如，网页性能测试，网站安全的测试（服务器、脚本）等。

1.网页性能测试：用来检测网站性能，例如网站的响应速度是快还是慢，是否允许多个用户同时在线，能否处理多个用户同时对一个页面的请求。

2.网站安全测试：主要用来检测网站的安全性，以防止可能存在的漏洞。网站安全性测试包含表单输入验证、用户身份验证、授权、配置管理等

最新web前端面试题(及答案)

1、常用那几种浏览器测试？有哪些内核(Layout Engine)? 答： (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2、说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）答： (Q1) 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 (Q2) 兼容性：display:inline-block;*display:inline;*zoom:1; 3、清除浮动有哪些方式？比较好的方式是哪一种？ 答： (Q1) （1）父级div定义height。 （2）结尾处加空div标签clear:both。 （3）父级div定义伪类:after和zoom。 （4）父级div定义overflow:hidden。 （5）父级div定义overflow:auto。 （6）父级div也浮动，需要定义宽度。 （7）父级div定义display:table。 （8）结尾处加br标签clear:both。 (Q2) 比较好的是第3种方式，好多网站都这么用。 4、box-sizing常用的属性有哪些？分别有什么作用？ 答： (Q1)box-sizing: content-box|border-box|inherit; (Q2)content-box:宽度和高度分别应用到元素的内容框。在宽度和高度 之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内 进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的 宽度和高度。 5、Doctype作用？标准模式与兼容模式各有什么区别? 答： (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不 存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防 止站点无法工作。 6、HTML5 为什么只需要写？

Web前端开发笔试题集锦(已读)

Web前端开发笔试题集锦 HTML/CSS篇 1, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/; reg.test("a1a__a1a__a1a__a1a__"); 2，截取字符串abcdefg的efg var str = "abcdefg"; if (/efg/.test(str)) { var efg = str.substr(str.indexOf("efg"), 3); alert(efg); } 3，判断一个字符串中出现次数最多的字符，统计这个次数 //将字符串的字符保存在一个hash table中，key是字符，value是这个字符出现的次数 var str = "abcdefgaddda"; var obj = {}; for (var i = 0, l = str.length; i < l; i++) { var key = str[i]; if (!obj[key]) { obj[key] = 1; } else { obj[key]++; } } /*遍历这个hash table，获取value最大的key和value*/ var max = -1; var max_key = ""; var key; for (key in obj) { if (max < obj[key]) { max = obj[key]; max_key = key; } } alert("max:"+max+" max_key:"+max_key); 4，IE与FF脚本兼容性问题 (1) window.event： 表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象 (2) 获取事件源

Web前端开发试题

耐心填一填! 1. 为div设置类a与b,应编写HTML代码_______________ 。 2. 设置CSS属性clear的值为 ______________ 可清除左右两边浮动。 3. _________ 签必须直接嵌套于ul、ol中。 4. CSS属性___________ 为元素设置外补丁。 5. 设置CSS属性float的值为_______________ 可取消元素的浮动。 6. 文字居中的CSS代码是_____________ 二、精心选一选！ 1. 下列哪个样式定义后，内联（非块状）元素可以定义宽度和高度（） A. display:inline B. display:none C. display:block D. display:inheric 2. 选出你认为最合理的定义标题的方法（） A. 文章标题 B. 文章标题 C.

文章标题

D. 文章标题 3. br标签在XHTML中语义为（） A.换行 B.强调 C.段落 D.标题 4. 不换行必须设置（） A.word-break B.l etter-spaci ng C.white-space D.word-spa cing 5. 在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要 宽，为此需要设置下面哪些属性值（） A. cellpadding= ” 0" B. padding:0 C. margin:。 D. cellspacing= ” 0" 三、判断对或错！ 1. CSS属性font-style 用于设置字体的粗细。（） 2. CSS属性overflow 用于设置元素超过宽度时是否隐藏或显示滚动条。 （） 3. 在不涉及样式情况下，页面元素的优先显示与结构摆放顺序无关。（） 4. 在不涉及样式情况下，页面元素的优先显示与标签选用无关。（） 5. display:i nli ne 兼容所有的浏览器。（） 6. input属于窗体元素，层级显示比flash、其它元素都高。（）

《web前端开发基础》作业考核试题题库大全(精品文档)

《web前端开发基础》作业考核试题题库大 全 《web前端开发基础》这门课是非常重要的，尤其是对于计算机专业的同学们来说，下面带来的《web前端开发基础》作业考核试题题库大全一起看看！ 一、单选题共20题，40分 1 2分 浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。你可以按以下（）方法处理。 A在浮动元素后加个div设置clear: both; height:0,overflow:hidden B使用clearfix; C设置父元素浮动; D以上方法均可 2 2分 在CSS中，关于BOX的margin属性的叙述正确的是（）。 A边距margin只能取一个值 Bmargin属性的参数有margin-left、margin-right、

margin-top、 margin-bottom Cmargin属性的值不可为auto Dmargin属性的参数值不能全部设置成0px 3 2分 下列( )HTML属性可用来定义内联样式。 Afont Bclass Cstyles Dstyle 4 2分 要将某div设置为漂浮于页面之上，以下能做到得是：Aposition：absolute； Bposition：relative Cposition：fixed Dposition：static 5 2分 下列（）工具可以方便地选择连续的、颜色相似的区域。 A魔棒工具

B矩形选框工具 C椭圆选框工具 D磁性套索工具 6 2分 给一个盒子设置左右填充分别为10px和20px后，如果要求盒子在页面中占的总宽度不变，那么应该让盒子的宽度减少（）像素。 A10px B20px C30px D不需减少 7 2分 在客户端网页脚本语言中最为通用的是( )。 AVB BJavaScript CPerl DASP 8 2分 下列( )标签里包含的内容可以显示在页面上。

WEB前端面笔试题总结

1. 如何显示/隐藏一个DOM元素？ 更改元素的css style，设为display: none。此外还可以将visibility设为hidden，透明度设为0，或长、宽设为0。 2. 一个定宽网页在浏览器（IE6，IE7，Firefox，IE5）中横向居中对齐的布局， 请写出主要的HTML标签及CSS。 1. 2. 3. 4. 5. 6. 11. 12. 13.

14.

15. 3. CSS中margin和padding的区别 margin是外边距，属于元素之外，相邻元素的margin可以融合。 padding是内边距，在元素之内，相邻元素的padding不可融合。 4. JavaScript中如何检测一个变量是一个String类型？请写出函数实现 function(obj) { returntypeof(obj) == ”string”; } 5. 网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态 显示“××年还剩××天××时××分××秒” 这个看我论坛右上角的就知道了… 6. 如何控制网页在网络传输过程中的数据量 题目貌似有问题，应该是减少数据量吧。 最显著的方法是启用GZIP压缩。此外保持好的编码习惯，避免重复和css、 JavaScript代码，多余的HTML标签和属性。 7. 补充代码，是鼠标单击后Button1到Button2的后面

var parent =this.parentNode; parent.removeChild(this); parent.appendChild(this); 8. Linux中，将a、b打包为back.tar，命令是（） 不知道＝。＝ 9. Flash、Ajax各自的优缺点，在使用中如何取舍？ Flash的缺点是需要客户端安装Flash插件，比较大，且更改了默认的HTML页面行为；但可以方便地实现很多特效及动画，且具有较高权限。 Ajax的缺点是编程较为复杂，需要服务器端的支持，能实现的效果只能是DOM API 提供的，权限很低，较难跨域；但可以显著加快页面的载入速度和用户体验。 此外，二者都不能被搜索引擎索引（Google已支持Flash文本的索引），不利于SEO。 建议:重要和关键部分直接用HTML，交互部分可以使用Ajax，复杂的动画可采用Flash。 百度2010 1、JS主要数据类型？5分

web前端开发面试题汇总模板

web前端开发面试题汇总 1天前653浏览2评论 前端面试题汇总 HTML&CSS 1. 常用那几种浏览器测试？有哪些内核(Layout Engine)? (Q1) 浏览器：IE，Chrome，FireFox，Safari，Opera。 (Q2) 内核：Trident，Gecko，Presto，Webkit。 2. 说下行内元素和块级元素的区别？行内块元素的兼容性使用？ （IE8 以下） 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。 块级元素：各占据一行，垂直方向排列。从新行开始结束接着一个断行。 兼容性：display:inline-block;display:inline;zoom:1; 3. 清除浮动有哪些方式？比较好的方式是哪一种？ （1）父级div定义height。 （2）结尾处加空div标签clear:both。 （3）父级div定义伪类:after和zoom。 （4）父级div定义overflow:hidden。 （5）父级div定义overflow:auto。 （6）父级div也浮动，需要定义宽度。 （7）父级div定义display:table。

（8）结尾处加br标签clear:both。 总结：比较好的是第3种方式，简洁方便。 4. box-sizing常用的属性有哪些？分别有什么作用？ 常用的属性：box-sizing: content-box border-box inherit; 作用：content-box:宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框(元素默认效果)。 border-box:元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 5. Doctype作用？标准模式与兼容模式各有什么区别? (Q1) 告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。 (Q2) 标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 6. HTML5 为什么只需要写< Doctype html>？ HTML5不基于SGML，因此不需要对DTD进行引用;但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行）。而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型。 7. 页面导入样式时，使用link和@import有什么区别？ （1）link属于XHTML标签，除了加载CSS外，还能用于定义RSS, 定义rel连接属性等作用；而@import是CSS提供的，只能用于加载CSS; （2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面

web前端开发入门教程

web前端开发入门教程 web前端开发入门教程哪里有？千锋WEB前端开发培训坚持全程面授并以项目驱动教学，让学员在毕业之后能够胜任研发PC端网站，PC端管理信息系统，移动端WebAPP，微信公众号，混合APP等前端，后端以及全栈项目。下边请看学员的故事。 过完年不断在天津找工作，先前找的是与专业相关的工作，但是找不到，那段时间简直天天都在面试，有的时分一天要面两家，每天累个半死不说，而且面试官问的问题都不会，对我的打击特别大。那段时间真的是我人生当中最灰暗的时期。每天，打电话妈妈都会说谁谁谁找到工作了，在哪里哪里，工资几几，而且也有人经常问我的家人，问我找到工作了没有。我每次都特别的伤心，难过，觉得本人一无事处。 其实也不是找不到工作，只是找到的工作都不是本人喜欢的，要么就是销售，要么就是运维，没有一个本人喜欢的工作。思索到本人未来的开展和方向，就不想这样随意的渡过。在大二的时分，看过一些编写网页的书籍，本人觉得特别喜欢，正好碰到了祖姐姐来我们学校宣传咱们千锋教育，所以就了解了一下我们千锋。当初是特别的犹疑的，由于毕竟那么多学费，而且出来也不晓得可不能够找到工作。犹疑了很久，也剖析了利害，本人就打定主见要过来学习。家里经济条件不好，我有时分真的想放弃，最终还是不想屈从于本人大学毕业将要面对的那种无所作为的生活，所以我获得了家人的支持，来到了千锋WEB前端开发培训。

很侥幸，我的选择没有错，怀着忐忑的心来到生疏的北京，然后面对那么多生疏的人，而且要阅历的是一个特别痛苦的过程。真的特别侥幸，我能够进入到我们WEB前端开发班，这个集体特别的暖和，遇到玉姐那么好的人，协助了我们好多的事情，我们的这个集体特别的暖和，每个人都特别的友爱，同窗们相处下来真的很好。 我们同窗相亲相爱、互帮互助。我们遇到的教师也特别好，第一阶段的李教师，我是记得的。来到千锋WEB前端开发培训的第一位教师，带动了我们整个集体，使我们的班级特别的活泼和团结。之后我们碰到的教师也都很不错。其中JS和JQ阶段的教师所讲的东西，都是我们如今工作当中经常碰到的问题。真的很感激那几位教师。而且最后这阶段的教师是我们阿满教师，别人真的好，不光讲的课好，而且我工作当中遇到的问题都是问阿满教师的，阿满教师都会给我耐烦的处理问题。有时分我碰到的问题纠结半天，都是找阿满教师帮助指点迷津的。在这里我谢谢我的亲爱的教师们，教给我这么多有用的学问。我还要感激一下我的玉姐，真的十分感激，在我迷茫的时分给我方向，在我快受不住的压力的时分，给我解压，真的十分感激，我的招生教师祖姐姐也是，谢谢你们让我走上了这条

Web前端技术试题

W e b前端技术试题 Company Document number：WTUT-WT88Y-W8BBGB-BWYTT-19998

[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案 一、单项选择:（每题分,共69分） 语言中,创建一个位于文档内部的锚点的语句是:( ) A. B. C. D. 答案:C 中的元素可分为块级(block)元素和行内(inline)元素,下列哪个元素是块级元素:( ) A. B. C. D. 答案:A 3.下列哪条html语句的写法符合XHTML规范:（） A.
B. C. D. 答案:B 4.在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:( )

A.   B.   C. &sbnp D. &sbnp; 答案:B 5.标记一般包含在_____标记中。( ) A. B. C. D.

答案:A 6.要在新窗口打开一个链接指向的网页需用到( ) A. href＝“_blank” B. Name=“_blank” C. target＝“_blank” D. href＝“#blank” 答案:C 7.特殊符号（版权符号）对应的源代码是:( ) A. Copy； B. ©； C. Copyright； D. ©right；答案:B 8.在网页中经常用的图像格式是:( ) A. gif, jpg和png B. gif, bmp和png C. bmp, jpg和png D. psd, gif和png 答案:A 9.关于JavaScript语言,下列说法中错误是:( )

Web前端开发工程师面试题

一、CSS (1) 二、HTML (3) 三、jquery (3) 四、综合 (4) 一、C SS 1.CSS样式表根据所在网页的位置，可分为?(B ) A．行内样式表、内嵌样式表、混合样式表 B．行内样式表、内嵌样式表、外部样式表 C．外部样式表、内嵌样式表、导入样式表 D．外部样式表、混合样式表、导入样式表 2.对于标签，其中*代表（C ） A. 注释的时候才用上 B. 没有这个标签 C. 通配符，意思是所有的标签 3.在CSS中下面哪种方法表示超链接文字在鼠标经过时，超链接文字无下划线?(B ) A. A:link{TEXT-DECORATION: underline } B. A:hover {TEXT-DECORATION: none} C. A:active {TEXT-DECORATION: blink } D. A:visited {TEXT-DECORATION: overline } 4.下面代码片段，说法正确的是:(B ) .DIV1 { position:absolute; line-height:22px; height:58px; background-color: #FF0000; } A. Line-height:22px;修饰文本字体大小 B. position:absolute;表示绝对定位，被定位的元素位置固定 C. height:58px; 表示被修饰的元素距离别的元素的距离 D. background-color: #FF0000; 表示被修饰的元素的背景图像 5.用CSS设置DIV的左边为红色实线，下面设置正确的是(C ) A．style=”border-top: #ff0000 1 solid;”

web前端研发工程师笔试题选择题带答案

1. 要动态改变层中内容可以使用的方法有( AB ) a) i nn erHTML b) i nn erText c) 通过设置层的隐藏和显示来实现 d) 通过设置层的样式属性的 display 属性 2. 当按键盘 A 时，使用onKeyDown 事件打印event.keyCode 的结果是(A ) a) 65 b) 13 c) 97 d) 37 3.在javascript 里，下列选项中不属于数组方法的是( B )； a) sort() b) l e ngth() c)con cat() d) r everse( ) 4.下列哪一个选项可以用来检索被选定的选项的索引号 ?(B) a)disabled b) selectedl ndex c) opti on d) multiple 5.希望图片具有”提交”按钮同样的功能，该如何编写表单提交？(A ) 6. 使div 层和文本框处在冋一行的代码正确的是 (D ); a) b) c) d) 7. 下列选项中，描述正确的是(选择两项)。(AD ) a)options.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 b)option.add(new Option(,a?,'A?))可以动态添加一个下拉列表选项 c) n ew Optio n(,a?,'A?)中？a 表示列表选项的值,?A 用于在页面中显示 d) n ew Option(,a?,'A?)中?A 表示列表选项的值,?a 用于在页面中显示 8. 、 var emp = new Array(3); for(var i in emp) 以下答案中能与for 循环代码互换的是：(选择一项)。(D ) A for(var i =0; i

Web前端基础总结 三篇

Web前端基础总结三篇 前端工作总结篇一：前端开发心得 从事前端开发工作1年多了，从最初的DIV+CSS学起，到现在学到html5、css3、javascript，jquery等等，我觉得前端要学的技术太多了，很多人认为前端开发要掌握的技能简单，就是网页制作，其实不然，前端开发是网站的前台代码实现，包括基本的HTML和CSS 以及JavaScript/ajax，现在最新的高级版本是HTML5、CSS3，以及SVG等。JavaScript作为最难的语言之一，许多编程高手也不敢妄自菲薄、自封精通。 关于兼容性的问题我相信对于每个做前端开发的人来讲是一个很头疼的问题，互联网目前主流浏览器有IE6789，Firefox，Chrome，Opera，Safari，遨游，包括国内主流的搜狗，腾讯TT，360等等；从内核上讲主要有IE的，遨游版IE，safari，firefox以及opera 的，这些都是大家常见的。所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，用户用什么浏览器来查看同一网站，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。这个时候就需要针对不同的浏览器写不同的CSS，这个过程叫CSShack。虽然我们写代码都要求按照标准，不写hack代码，但实际工作中为了兼容主流浏览器，hack代码是免不了的，所以这也应该是每个前端开发人员必备的技能。

前端的开发工具很多，比较常见的有Dreamweaver，Notepad，webstrom，SublimeText等等，我现在在使用webstorm，强大的提示功能可以帮助我们很快的熟悉并掌握网页布局,检查错误等。调试代码的工具我使用的Firebug。Firebug是网页浏览器Mozillafirefox 下的一款开发类插件，它集HTML查看和、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web 页面内部的细节层面，给Web开发者带来很大的便利。Firebug也是一个除错工具。用户可以利用它除错、、甚至删改任何网站的CSS、HTML、Dom以及Javascript代码。 以上是自己做前端开发的一点心得，它所涵盖的知识面远远不止这些，我也在不断的学习，不断地丰富自己，希望自己能在前端这个职位上开阔自己的一片天地！ 前端工作总结篇二：WEB前端开发经验总结 这里跟大家谈谈个人对WEB前端开发的一些经验（当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从WEB标准开始吧。 WEB标准是什么？ 说是WEB标准，不过我这里主要是对XHTML1.1和CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了，“WEB标准”是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB

web前端开发工程师笔试题及答案

web前端开发工程师笔试题 1.html的含义是什么，其主体部分由什么标记构成？ Html是一种标准，一种规范，它通过标记符号来标记要显示在网页中的各个部分，被称为超文本标记语言。 标记和之间的内容构成了html的主体部分。网页中所有内容，包括文字，图片，连接都包含在此标记符内。 2.说明在网页设计xxDIV标签的作用 Div中文名被称为“层次”可以把文档分割成独立的，不同的部分。 它可以用作严格的组织工具，并且不适用任何格式与其他关联。 3.css指的是什么？在网页设计中为什么要用到css技术？ css是级联样式表，用来进行网页风格设计。使用样式表可以统一的控制html中各标志的显示属性。精确的确定元素的位置，扩充网页外观和特殊效果的显示能力。 4.css中id和class怎么定义，哪个定义的优先级别高？如果class定义一个html元素没边框，而id定义这个元素有边框，结果呢？

先听id的。 5.IE6下为什么不能第一1PX左右高度的容器？ IE6默认的行高造成的。 6.怎样才能让层显示在FLASH之上？ 给FLASH设置透明，param value=transparent。 7.怎样使一个层垂直剧中于浏览器中？ 8. firefox嵌套div标签的剧中问题假定有如下情况：

如果要实现b在a中剧中放置该如何实现？ 解决办法就是除了需要在a中设置text-align属性为center之后，还需要设置b的横向margin为auto。例如设置b的CSS样式为： margin:0 auto; 所以，设置如下就可以实现居中：