label用来向控件定义标注（标记），如果不是用于这个用途，那完全也没有必要使用label，使用span就可以了。使用label可以与控件建立一种连接，当选择label时，即会触发此控件，即该控件会因为与之连接的label的选择而获取到焦点。
通常这一工作是通过label标签的for属性来完成的，将for属性指向一个控件的id即完成连接。
<label for="uname">姓名：</label><input id="uname" name="u_name" type="text" />
这就是label的显示连接。
而隐式连接就不再需要for属性，只需简单地将控件包含在label标签中即可。
<label>密码: <input type="password" name="psw" /></label>
label与其他控件建立连接的这两种方法，绝大部分现代浏览器都是支持的（IE6不支持隐式连接方式）。隐式方式虽简单快捷却缺乏良好的语义结构，所以还是不赞成使用；显示方式良好的结构已表现出一定的语义（结构也应该是具有语义的），所以显示方式仍然是最佳的选择。
和TZ一起弄的，多的不说了，拖了很长时间了，由于各种原因，与初衷相去甚远。XHTML手册比较像手册，CSS的就像本教程了。但是如果说是教程又显得简单了点，说是手册又详细了点，都不像了～···但是还是有一定参考价值的，比较详细地介绍了一些XHTML和CSS最基础的东西～···
BI地址：http://bbs.blueidea.com/thread-2894326-1-1.html
在目前我所有的浏览器中，textarea，input和select这三个标签默认无继承性。测试
IE8 beta2和非IE浏览器中通过为样式属性指定继承性(inherit)可解决该问题。测试
IE7及以下版本此三个标签的继承性问题尚无法解决。只能通过另为其书写样式达到效果。测试
唉，我怎么会认为它是不可能完成的任务呢～···
要求：1.完成如上布局；2.#main宽度自适应；3.代码顺序#header、#main、#sidebar、#footer。
如果#sidebar能放在#main前面当然就非常简单了～···但是不可以～···
最终解决方案：（查看演示）
<!--css-->
#header{height:80px; background:#CCC;}
#center{overflow:hidden; zoom:1;}
#main_wrapper{float:left; width:100%; margin-top:10px; margin-left:-210px;}
#main{height:400px; margin-left:210px; background:#999;}
#sidebar{float:right; width:200px; margin-top:10px; height:450px; background:#AAA;}
#footer{height:50px; margin-top:10px; background:#CCC;}
<!--css-->
<!--xhtml-->
<div id="center"></div>
<!--xhtml-->
囧～···鸡蛋，白菜，鞋底板～···来的更猛烈些吧～···
还有其他方法么？欢迎补充～···
BTW：来两个三列的1、2