【网页前端工程师面试知识点】
1. **填空题**
- 常用的WEB标准静态页面语言是**HTML（HyperText Markup Language）**。
- 改变元素的外边距用`margin`，改变元素的内填充用`padding`。
- 在Table中，`<TR>`代表表格行（Table Row），`<TD>`代表表格单元格（Table Data）。
- 给一行两列的表格定义高度样式，最合理是在`<table>`标签中定义，以减少代码冗余。
- 对`ul li`的样式设为无，应使用`list-style:none`属性。
- 在新窗口打开链接的方法是使用`target="_blank"`。
- `Color:#666666;`可缩写为`Color:#666;`。
- 结构与表现分离的结构是指**HTML**，表现是指**CSS（Cascading Style Sheets）**。
2. **选择题**
- A) `<br />`是正确标记折行的方式。
- B) `<p>A <b><i>short</i></b> paragraph</p>`是格式良好的XHTML。
- B) `<link rel="stylesheet" type="text/css" href="mystyle.css">`是引用外部样式表的正确方法。
- D) 在HTML文档中，引用外部样式表通常放在`<head>`部分。
3. **问答题**
- 超链接的顺序或初始样式中的链接方法，可以设置为：
```css
a {
text-decoration: none; /* 默认无下划线 */
}
a:hover {
text-decoration: underline; /* 鼠标经过有下划线 */
}
```
- 解决IE6的双倍边距BUG，可以使用负margin补偿法：
```css
.clearfix {
display: inline-block; /* 或 display: block; */
}
.clearfix { *zoom: 1; } /* 引入hasLayout触发 */
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
```
- 无法定义1px左右高度的容器，通常是因为浏览器在渲染时的最小像素单位限制，可以使用`line-height`或伪元素如`::before`、`::after`来实现。
- Firefox中`<div>`标签的居中问题，可以使用`text-align:center;`或`display: flex; justify-content: center;`。
- XHTML和CSS的注释方式分别为：
- XHTML: `<!-- 这是注释 -->`
- CSS: `/* 这是CSS注释 */`
- 缩写写出1px实线灰色边框样式，例如：
```css
border: 1px solid #999; /* 灰色代码值#999可替换为其他灰色代码 */
```
以上内容涵盖了HTML、CSS以及一些前端开发中常见的问题和解决方案，是前端面试中的重要知识点。掌握这些基础，有助于在面试中表现出扎实的技术功底。
