前端面试深度解析:填空、选择与问答

5星 · 超过95%的资源 需积分: 10 101 下载量 105 浏览量 更新于2024-09-25 1 收藏 44KB DOC 举报
"这是一份针对前端工程师的面试题库,包含了填空题、选择题和问答题,旨在测试面试者的基础知识和实际应用能力。" 填空题解析 1. 目前常用的WEB标准静态页面语言是HTML(HyperText Markup Language)。 2. 改变元素的外边距用`margin`,改变元素的内填充用`padding`。 3. 如果给一行两列的表格(table)定义高度样式,在table标签中定义最合理,因为这样可以直接作用于整个表格,减少代码冗余。 4. 在新窗口打开链接的方法是在`<a>`标签中使用`target="_blank"`属性。 5. 合理的页面布局中常听说结构与表现分离,那么结构是HTML,表现是CSS(Cascading Style Sheets)。 选择题解析 1. 正确标记折行的XHTML是A: `<br/>`。 2. 格式良好的XHTML是B: `<p>A<b><i>short</i></b>paragraph</p>`。 3. 正确引用外部样式表的HTML方法是B: `<link rel="stylesheet" type="text/css" href="mystyle.css">`。 4. HTML文档中引用外部样式表的正确位置是D: `<head>`部分。 5. 会产生运行错误的JavaScript语句是A: `var obj = ();`,因为这是未定义的函数调用。 问答题解析 1. 针对IE7/IE6/FF的CSS Hack,例如: - IE6专属:`*html .class { property: value; }` - IE7专属:`*+html .class { property: value; }` - 对于Firefox和其他现代浏览器:`.class { property: value; }` 2. 不使用`border`样式画出一px高的横线: - IE Quirksmode:`<hr size="1" noshade>` - CSSCompat模式(FF, Chrome, Safari等):`<hr style="height:1px;border:none;">` 3. 使用样式控制`UL`相对于外层`DIV`水平居中,`div`左浮动的解决方案: ```css .wrapper { text-align: center; } .wrapper ul { display: inline-block; text-align: left; /* 保持列表内的左对齐 */ } ``` 4. 层`Left`与`Right`固定定位的需求通常会涉及`position: fixed`属性,例如: ```css #Left { position: fixed; left: 0; top: 0; } #Right { position: fixed; right: 0; top: 0; } ``` 根据具体需求,可能还需要调整宽度、高度和z-index属性。 以上内容详细解析了前端工程师面试题中的知识点,包括HTML、CSS基础,浏览器兼容性处理,以及实际布局问题的解决策略。这些知识是前端工程师必备的基础,对理解网页开发的核心概念至关重要。