《web前端笔试题集锦(htmlcss篇)》由会员分享，可在线阅读，更多相关《web前端笔试题集锦(htmlcss篇)（4页珍藏版）》请在金锄头文库上搜索。
1、web前端笔试题集锦(HTMLCSS篇) 导读：网页不再只是承载单一的文字和图片各种富媒体让网页的内容更加生动网页上软件化的交互形式为用户提供了更好的使用体验这些都是基于前端技术实现的以下是由应届毕业生网小编J.L为您整理推荐的前端开发笔试题目欢迎参考阅读 一、HTML/CSS 1让一个input的背景颜色变成红色 2div的高宽等于浏览器可见区域的高宽浏览器滚动div始终覆盖浏览器的整个可见区域 思路： (1)先放置一个div1浮动：position:absolute;top:0px;left:0px; (2)再放置一个div2浮动：position:absolute;top:0px;lef
2、t:0px;width:100%;height:100%; (3)在div2中放置一个div3令其高度超过浏览器高度使div2产生滚动条 (4)对html,body进行样式设置：width:100%;height:100%;overflow:hidden不让浏览器产生滚动条避免页面出现两个滚动条 (5)编写JavaScript另div2的高度等于页面可见高度宽度等于页面可见宽度注意在计算完可见高度height和可见宽度width后要对这两个值做处理可见宽度div2的滚动条的宽度滚动条的宽度我这里假设是20px 这样题目基本就完成了不过浏览器的兼容性还不是很好 3IE、FF下面CSS的解释区别
3、(1)让页面元素居中 ffmarginleft:0px;marginright:0px;width:* ie上面的设置+textalign:center (2)ff：不支持滤镜 ie：支持滤镜 (3)ff：支持important ie支持*ie6支持 (4)minwidth,minheight FF支持IE不支持IE可以用cssexpression来替代 (5)CssExpression FF不支持IE支持 (6)cursor：hand IE下可以显示手指状FF下不行 (7)UL的默认padding和margin IE下ul默认有marginFF下ul默认有padding (8)FORM的默认
4、margin IE下FORM有默认marginFF下margin默认为0 4一个定宽元素在浏览器(IE6IE7Firefox)中横向居中对齐的布局请写出主要的HTML标签及CSS 思路： IE6/7：textalign:center Firefox：margin:0auto(margintop和marginbottom也可以为其他数字关键是marginleft,marginright为auto) 5CSS中margin和padding的区别 margin是元素的外边框是元素边框和相邻元素的距离 Padding是元素的内边框是元素边框和子元素的距离 6最后一个问题是如何制作一个bo选项就是可以输入可以下拉菜单选择 思路： (1)布局select和input让input覆盖select除了select的下拉图标以方便select选择 (2)编写JS为select添加onchange事件onchange时将input的value置成select选中的指 7 中alt和tittle的区别 alt：图片显示不出来了就提示alt title：鼠标划过图片显示的提示 8用css、html编写一个两列布局的网页要求右侧宽度为200px左侧自动扩展 在这里我使用了两种方式： (1)使用position
