Web前端开发试题

1、一、耐心填一填！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:inheric2. 选出你认为最合理的定义标题的方法（）A. <span class= ” heading

2、” > 文章标题 </span>B. <p><b> 文章标题 </b></p>C. <h1>文章标题</h1>D. <strong> 文章标题 </strong>3. br标签在XHTML中语义为（）A.换行B.强调C.段落D.标题4. 不换行必须设置（）A.word-break B.l etter-spaci ng C.white-space D.word-spa cing5. 在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值（）

3、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、其它元素都高。（）四、用心想一想，你一定是生活中的智

4、者!答：2. 将以下CSS代码进行缩写，注意要符合缩写的规范。a）代码一：border-width:1px;border-color:#000;border-style:solid;b）代码二：backgro un d-positi on:0 0;backgro un d-repeat: no-repeat;backgro un d-attachme nt:fixed;backgro un d-color:#f00;backgro un d-image:url（backgro un d.gif）;c）代码三：fon t-style:italic;fon t-family:"Lucid

5、a Gran de",sa ns-serif;fon t-size:1em;fon t-weight:bold;fon t-varia nt:small-caps;lin e-height:140%;d）代码四: list-style-positi on:i nside;list-style-type:square;list-style-image:url(image.gif);e）代码五: margin-left:20px;margi n-right:20p x;margi n-bottom:5px;marg in-top:20px;f）代码六:color:#336699;colo

6、r:#ffccOO;答：3修改以下代码，使其结构更加合理以及符合W3C标准。(XHTML 1.0 Strict )代码：<div><h2>Don' t buy these electronicsused</h2> Money may betight, but you may kick yourself for purchas ing these electr onics sec on dha nd. <br /> Even whe n the price is low, the risk may be toohigh. <br /&

7、gt; <p><img src= ” album.jpg ” ></p><p> <a href= ”home.html ” target= ” _blank ” >home</a> <a href= ” content.html ” target= ” _blank ” >content</a> </p> </div>复制代码答：4.简述border:none 以及border:0 的区别，并给出使用建议。答:5.请使用jQuery将页面上的所有元素边框设置为2px宽的虚线答:答：7. jQuery 中的Delegate。函数有什么作用？答：8. 怎样用jQuery编码和解码UR