请看下面一段代码：
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//定义了一个ID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//定义了一个类
</style>
<TITLE>中国</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT;">TEST</DIV>//直接设置样式
<DIV ID="login">TEST</DIV>//引用ID
<DIV class="left">TEST</DIV>//引用类
<DIV>TEST</DIV>
</BODY>
</HTML>
ID：表示唯一性，并且在这个页面中只会出现一次，我们它来表示布局的结构
CLASS：类，表示一组或一个具有同样性质的元素，它可以共用样式
#LOGIN表示某一个ID层，下面还可以设置类，比如#LOGIN.LEFT{TEXT-ALIGN:CENTER;},这个LEFT类可以在ID为LOGIN的框架中使用，其它地方无效
test.html：
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......
在进行div+css网页布局的时候，不可避免的需要插入一定的表单元素，input是其中最常见的一种。我们在布局中，常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
我们来看下面的例子，如何解决文本输入框与文本对齐的问题！
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
