导读：网页不仅仅是图文并茂，各种富媒体使网页内容更加生动，网页上的软件化交互形式为用户提供了更好的使用体验。 这些都是基于前端技术实现的。 以下是小编J.L推荐的前端开发笔试主题整理，请参考阅读。
一. HTML/CSS
1 )将input的背景颜色改为红色
2、div的jdjr等于浏览器可视领域的jdjr，浏览器滚动，div总是覆盖浏览器的整个可视领域
想法：
(1)首先放置div1，浮动：位置： absolute； top:0px； left:0px；
)2)放置另一个div2，浮动：定位：备用； top:0px； left:0px； width:100%； height:100%；
)3)在div2上放置div3，超过浏览器的高度，使div2产生滚动条
)4)对html、body进行样式设置) width:100%； height:100%； overflow :隐藏-不在浏览器中生成滚动条，并且页面上不显示两个滚动条
)5)创建JavaScript。 此外，div2的高度与页面的可显示高度相同，宽度与页面的可显示宽度相同。 计算可显示高度height和可显示宽度width后，处理这两个值。 可显示宽度-这里假设-div2滚动条的宽度、滚动条的宽度为20px
这样主题就差不多完成了，但浏览器兼容性还不是很好。
3、IE、FF下CSS解释的差异
)1)将页面元素居中
ff{margin-left:0px； 边距-右：0 px； width:***}
ie上的配置文本对齐：中心
)2) ff :不支持滤波器
ie :支持过滤器
)3) ff :支持！ 导入
ie支持*，ie6支持_
)最小宽度，最小高度
FF支持、无IE支持，IE可以用css expression代替
)5) CSS快速
不支持FF。 IE支持
)6) cursor:hand
IE可以显示手指的形状，但FF不能
(7) UL的默认padding和margin
IE下的ul默认为margin，FF下的ul默认为padding
)8)表单缺省边距
IE下的表格具有默认边距，FF下的边距默认为0
4 )浏览器(IE6、IE7、Firefox )中确定宽度的要素横向居中配置的布局。 请写下主要的HTML标签和CSS
想法：
ie6/7 :文本对齐：中心
Firefox :边距33600自动(边距顶和边距底可以是其他数字，重要的是边距左，边距右为自动) )。
5.CSS中margin和padding的差异
margin是元素的边框，是元素边框与相邻元素之间的距离
Padding是元素的内部边界，是元素边界与子元素的距离
6、最后一个问题是如何制作组合期权。 这意味着可以在下拉菜单中进行输入，以便进行选择。
想法：
)1)布局选择和输入，使输入覆盖选择。 除去select的下拉图标，使选择变得容易
)2)创建JS，在select中添加onchange事件，在onchange时将input value作为select选择的手指
7、
中alt和tittle的区别
alt :图像不再显示时，提示alt
title :用鼠标跟踪图像的提示
8 )用css、html制作双栏布局的网页，要求右边宽200px，左边自动扩展。
这里使用了两种方法：
(1)使用定位