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

前端部面试题答案 填空题（40分） 1、目前常用的WEB标准静态页面语言是 html 。 改变元素的外边距用___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：br / B：break/ C：br2、下列哪些是格式良好的XHTML？A：pA bishort/b/i paragraph/pB：pA bishort/i/b paragraph/pC：pA bishort/i/b paragraph3、在以下的HTML中，哪个是正确引用外部样式表的方法？A：style src=mystyle.cssB：link rel=stylesheet type=text/css href=mystyle.cssC：stylesheetmystyle.css/stylesheet4、在HTML文档中，引用外部样式表的正确位置是？A：文档的末尾?B：文档的顶部C：body部分D：head部分三、问答题（40分）1、请写出超链接的顺序或者你在初始样式中的链接方法。（要求默认无下线，鼠标经过有下划线） L-V-H-Aa:link { line-style：none；}a:hover { line-style：underline；} a:link { line-style:none; } a:visited { } a:hover { } a:active {} 或者 a:link{text-decoration:none;}a:hover{text-decoration:underline;} 2、当float和margin同时使用时，IE6的双倍边距BUG如何解决？ 要为块状元素 要左侧浮动 要有左外边距 display：inline；或者margin-right:-3px; 3、为什么无法定义1px左右高度的容器？解决方法有哪些？ 1、给DIV容器添加overflow：hidden 属性。 2、添加一个font-size:0px 属性。需要注意的是必须要在DIV容器中加入一定的内容如：nbsp;,如果不加入内容在IE6下该容器的高度是2px,这个不需要质疑，本人经过了浏览器测试。 IE6有默认行高解决方法也很多比如overflow:hidden;zoom:0.08;line-height:1px;仅供理智参考 4、Firefox中标签的居中问题的解决方法？ *{margin：0px auto；} 5、请写出XHTML和CSS如何注释？ div!--?注释内容--.../div? ?.class{/*?注释内容*/...} 6、请以缩写方法写出1px直线（实线）灰色（任意灰色代码值），上面无边框的矩形边框样式。 .***{border：1px solid #000；border-top：0px；} 或者 border:1px solid??#ccc;border-top:none; 7、CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？ 伪类A标签可以继承 　　列表 UL LI DL DD DT可继承 　　优先级就近原则，样式定义最近者为准 　　载入样式以最后载入的定位为准 　　优先级为 　　!important [ id class tag ] 　　Important 比内联优先级高  前端页面有哪三层构成，分别是什么？作用是什么？  结构层，表现层，行为层； 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些？怎么会出现？解决方法是什么？  涉及到效率一般就在IEtext firefox 3.5 软件上测试模拟 使用Trident内核的浏览器：IE、Maxthon、TT、The World等； 使用Gecko内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey