第十二课：高度与宽度

到目前为止，我们还没有涉及元素的尺寸。这一课将学习定义元素高度和宽度的方法。

width
height

设定宽度[width]

用特性width能给一个元素定义特定宽度。下面这个例子提供一个能打字的箱体。

div.box {
width: 200px;
border: 1px solid black;
background: orange;
}


设定高度[height]

上面例子中的箱体高度是由箱中内容设定的。我们还可以用适当高度影响元素的高度。下面的例子让箱体高度为500px：

div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}


总结

第9、10、11和12课我们介绍了CSS中的箱状模式用法。如你所见，箱状模式给你许多新选择。虽然可以用HTML的tables显示样式，但CSS和箱状模式能产生更漂亮更精确的样式。