前端面试题 -答案 - 副本.doc

前端部面试题答案填空题（40分）1、目前常用的WEB标准静态页面语言是 html 。2、 改变元素的外边距用_margin_，改变元素的内填充用_padding_。3、在Table中，TR是_行_，TD是_列_。4、如果给一行两列的表格（table）定义高度样式，在_css样式中对tr_标签中定义最合理，最能减少代码的臃肿。5、对ul li的样式设成无，应该是用什么属性 list-styl-type：none 。6、在新窗口打开链接的方法是_target=_bank_。7、Color:#666666;可缩写为_color：#666_。8、合理的页面布局中常听过结构与表现分离，那么结构是_div_，表现是_css_。二、选择题（20分）1、在下面的XHTML中，哪个可以正确地标记折行？A： B： C：2、下列哪些是格式良好的XHTML？A：A short paragraphB：A short paragraphC：A short paragraph3、在以下的HTML中，哪个是正确引用外部样式表的方法？A：B：C：mystyle.css4、在HTML文档中，引用外部样式表的正确位置是？A：文档的末尾B：文档的顶部C：部分D：部分三、问答题（40分）1、请写出超链接的顺序或者你在初始样式中的链接方法。（要求默认无下线，鼠标经过有下划线）L-V-H-Aa:link line-style：none；a:hover line-style：underline；或者a:linktext-decoration:none;a:hovertext-decoration:underline;2、当float和margin同时使用时，IE6的双倍边距BUG如何解决？display：inline；或者margin-right:-3px;3、为什么无法定义1px左右高度的容器？解决方法有哪些？IE6有默认行高解决方法也很多比如overflow:hidden;zoom:0.08;line-height:1px;仅供理智参考4、Firefox中标签的居中问题的解决方法？ *margin：0px auto；5、请写出XHTML和CSS如何注释？ . .class/*注释内容*/.6、请以缩写方法写出1px直线（实线）灰色（任意灰色代码值），上面无边框的矩形边框样式。.*border：1px solid #000；border-top：0px；或者border:1px solid#ccc;border-top:none;7、CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？ 伪类A标签可以继承 列表 UL LIDL DD DT可继承 优先级就近原则，样式定义最近者为准 载入样式以最后载入的定位为准 优先级为 !important id class tag Important 比内联优先级高 7、 前端页面有哪三层构成，分别是什么？作用是什么？ 结构层，表现层，行为层；8、 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？ 涉及到效率一般就在IEtext firefox 3.5 软件上测试模拟 使用Trident内核的浏览器：IE、Maxthon、TT、The World等； 使用Gecko内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey； 使用Presto内核的浏览器：Opera7及以上版本；使用Webkit内核的浏览器：Safari、Chrome。div的垂直居中问题margin加倍的问题浮动ie产生的双倍距离DIV浮动IE文本产生3象素的bug float的div闭合;清除浮动;自适应高度;.9、 如何居中一个浮动元素? 设置容器的浮动方式为相对定位 然后确定容器的宽高比如宽500 高 300 的层 然后设置层的外边距 .Div Width:500px ; height:300px; Margin: -150px 0 0 -250px; position: absolute; left:50%; top:50%; 10、 .有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况！ HTML5 没有关注CSS3 有关注 比如对多背景图圆角投影等样式的关注11、 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片？ 涉及到人手、分工、同步； 先期团队必须确定好全局样式（globe.css），编码模式(utf-8) 等 编写习惯必须一致（例如都是采用继承式的写法，单样式都写成一行）； 标注样式编写人，各模块都及时标注（标注关键样式调用的地方）； 页面进行标注（例如页面模块开始和结束）； CSS跟HTML 分文件夹并行存放，命名都得统一（例如style.css） JS 分文件夹存放命民以该JS 功能为准英文翻译； 图片采用整合的 images.pngpng