第十二课:高度与宽度

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

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和箱状模式能产生更漂亮更精确的样式。