一、耐心填一填！

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.letter-spacing

C.white-space

D.word-spacing

5. 在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值( )

A. cellpadding=”0″

B. padding:0

C. margin:0

D. cellspacing=”0″

三、判断对或错！

1. CSS属性font-style 用于设置字体的粗细。( )

2. CSS属性overflow用于设置元素超过宽度时是否隐藏或显示滚动条。( )

3. 在不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关。( )

4. 在不涉及样式情况下,页面元素的优先显示与标签选用无关。( )

5. display:inline兼容所有的浏览器。( )

6. input属于窗体元素,层级显示比flash、其它元素都高。( )

四、用心想一想，你一定是生活中的智者！

1. 写出ul、ol、dl三种列表的html结构。

答：

2. 将以下CSS代码进行缩写，注意要符合缩写的规范。

a) 代码一：

border-width:1px;

border-color:#000;

border-style:solid;

b) 代码二：

background-position:0 0;

background-repeat:no-repeat;

background-attachment:fixed;

background-color:#f00;

background-image:url(background.gif);

c)代码三：

font-style:italic;

font-family:"Lucida Grande",sans-serif; font-size:1em;

font-weight:bold;

font-variant:small-caps;

line-height:140%;

d) 代码四：

list-style-position:inside;

list-style-type:square;

list-style-image:url(image.gif);

e)代码五：

margin-left:20px;

margin-right:20px;

margin-bottom:5px;

margin-top:20px;

f)代码六：

color:#336699;

color:#ffcc00;

答：

3. 修改以下代码，使其结构更加合理以及符合W3C标准。（XHTML 1.0 Strict）代码：

复制代码

答：

4. 简述border:none以及border:0的区别，并给出使用建议。

答：

5. 请使用jQuery将页面上的所有元素边框设置为2px宽的虚线

答：

6.如何使用jQuery实现点击按钮弹出一个对话框？

答：

7.jQuery中的Delegate()函数有什么作用？

答：

8.怎样用jQuery编码和解码URL？

答：

五、勇气拼一拼，让你超越别人的加分题目来了！

使用重构的方式制作出一个如下图的水平、垂直都居中短边为50px，长边为150px的红色十字架。

要求：

1.使用2个div完成

2.使用3个div完成

3.使用5个div完成

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) 获取事件源

15级软工Web开发技术A卷

东莞城市学院（本科）试卷（A卷） 2017 -2018学年第一学期 开课单位：计算机与信息科学系，考试形式：机试（闭）卷，允许带入场 科目：Web开发技术（jsp）班级：15软工班，姓名：学号： 一、单项选择题（本大题共5小题，每小题2分，共10分）在每小题列出的四个备选 A、session.removeAttribute(String key) B、session.invalidate() C、session.setAttribute(String key) D、session.getAttribute(String key) 2、对于“<%!”、“%>”之间声明的变量，以下说法正确的是：（B） A、不是JSP页面的成员变量 B、多个用户同时访问该页面时，任何一个用户对这些变量的操作，都会影响到其他用户 C、多个用户同时访问该页面时，每个用户对这些变量的操作都是互相独立的，不会互相影响 D、是JSP页面的局部变量 3、当（C）时，JSP引擎产生一个session对象。 A、web应用服务器启动时 B、当web应用服务器启动后，第一个客户来访时 C、当每个客户首次访问服务器上的一个JSP页面时 D、当每个客户首次访问服务器上的一个JSP或HTML页面时 4、以下哪种方法不是Servlet的方法？（D） A、init B、service

C、destroy D、post 5、在Servlet过滤器的生命周期方法中，每当传递请求或响应时，web容器会调用（C）方法。 A、init B、service C、doFilter D、destroy 二、（得分：）简单题（每题5分，共10分） 1、jsp有哪些动作?作用分别是什么? 作用：以“名，值”形式，为其他标签提供附加信息 作用：将请求转发到另一个JSP页面或者servlet或者静态资源 作用：请求现成的其他的JSP页面或者servlet或者静态资源在该页面显示 作用：创建一个JavaBean实例并指定他的名字以及作用 作用：和setBean一起，来设置JavaBean的属性 作用：对setproperty的补充，来访问javabean 作用：产生特殊标签，可以用它插入applet还有javabean 2、简述JSP主要内置对象的作用范围。 Request 作用：提供http请求数据，提供页面上下文使用，可以拿来获得数据 Response 作用：用来访问httpservletresponse，同时将客户端数据传输 Session 作用：用来管理上下文最多的对话，从会话开始产生，到删除或者会话结束 Page 作用：表示页面对应的servlet实例，关闭当前的页面结束 Application 作用表示应用程序的上下文，允许JSP页面的任何WEB主件共享信息，从服务器打开开始，到服务器关闭结束 三、（得分：）编程题（本大题共3小题，第1小题20分，第2小题30分,第3小题30分，共80分）请将代码粘贴在题后的代码框内，将结果窗口截图放在题后的结果框内，尽量不要跨页。 注意：所有程序页面中应包含个人信息，具体位置、内容可自行安排。 1、（20分，得分：）采用jsp+javaBean方式，实现数据传输，要求： （1）编写网页exam1_学号后3位.jsp页面，建立个人信息表单，表单信息项包含学号、姓名、年龄、性别、职业，并含有提交、清除按钮。表单中填写个人真实学号，姓名全拼，年龄，性别、职业信息后，提交到网页stuInf学号后3位.jsp。（10分）

《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前端开发面试题汇总模板

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前端开发技术试卷三

总分100分考试时间：120分钟考试形式：闭卷、选择题(每题1分，共20 分) 1. HTMLI旨的是___________ (A)超链接的文本标记语言(B) 超文本标识语言 (C)家庭工具标记语言(D) 以上都不是 2. 下列能够实现美化页面的语言是。 (A) HTML (B) CSS (C) VFP (D) JavaScript 3. 以下标记中用于设置内部样式表的标记的是。 (A)