第二部分、样式表

我们采用直接把样式写在 head 里面的方式，较为简单也方便演示。首先我们看到除了头部的登陆状态，其余部分都是居中对齐的，并且发现字体是 Arial，默认文字大小为 13 px。我们在 head 区域增加以下样式：

以下是引用片段： body{  font-family: Arial, sans-serif;  font-size: 13px;  text-align: center;  margin-top: 3px;  }  a:link{  color: #00C;  }  a:visited{  color: #551a8b;  }

这里使用了 px 这个绝对单位。关于绝对单位和相对单位，网上相关文章很多，并且也一直是 Web 前台的热门话题，本文简单起见，直接使用绝对单位。

然后我们逐步增加其他样式：

以下是引用片段： #login{ /*这是头部的登陆状态*/  text-align: right;  }  #stype{ /*这就是上文提到的那 5 项搜索类型*/  margin-bottom: 4px;  }  #stype span{ /*此处增加了无意义的 span*/  padding: 0 6px;  }

之后的搜索表单，我们碰到了样式化的难点，首先作为搜索的 size 为 55 的输入框从布局上来说是绝对居中的，而右侧高级搜索那三项的宽度加上输入框在内并不是绝对居中。也就是说视觉上，高级搜索那三项偏右了。如下图所示：

上一页  [1] [2] [3] 下一页