这个教程太好啦,对生动又直观.让人一看就明白.希望LZ能在出好多的教程.造福网络!

让网络中增加更多的学习气氛.

楼主讲的是太好了，后面的讨论看的也是受益匪浅！继续向你学习。

首先非常感谢楼顶的好教材，我会系统的把这个教材学完~现在看了上面的实例，我照做了一下，效果出来了，但是对宽度的设置没弄明白，希望楼主能帮我说明一下不明白处，如下代码注释处的问题：
.mainBox {
border: 1px dashed #0099CC;
margin: 3px;
padding: 0px;
float: left;
height: 300px;
width: 192px;//这里设置了192px；
}
.mainBox h3{
float: left;
height: 20px;
width: 179px;/*这里的设置怎么计算出为179px呢,我测量了一下h3标签的背景宽度颜色区域为192px，可是把这个宽度设置为192px就是不行，只能设置为179px,这是怎么计算的呀？*/
padding: 6px 3px 3px 10px;
color: #FFFFFF;

[ 本帖最后由 ziyan3071 于 2008-6-22 16:46 编辑 ]

很好，值得菜鸟学习．谢谢

做个记号，很经典！！

我想请问下,导航栏的文字水平居中后,感觉垂直方向上并不居中,如何让文字也垂直居中???
我是初学者.....

153楼 问题。
之前有朋友提到，楼主已经回复过上面问题呢
是定义了 padding: 6px 3px 3px 10px; 这个间距
左右加起来是13px； 表头的 179px+13px 就和内容的宽度一样 为 192px；


看完了楼主的教程，写的非常好。也容易理解。

现在有个问题
既然是DIV排版，
为什么在写的导航的时候是
<div id="header"></div>
<ul id="nav">
<li>......</li>
</ul>
<div id="content">.....

导航中间部分为什么不是
<div id="nav">
<ul>
<li>......</li>
</ul>
</div>

[ 本帖最后由 lijuan1230 于 2008-7-19 12:03 编辑 ]

救星啊~开始漫漫学咯！

辛苦了,,收到,呵呵,

对初学CSS的很有帮助!~支持下