盒子模型

98 阅读1分钟

宽度属性

注:

  • width:50%,针对父元素的百分比,随网页大小变化而变化。
  • 当设置min-width:500px,max-width:300px,显示为500px
  • IE6不兼容max-widthmin-width(高度同理)。

高度属性

边框属性

边框宽度

  • thin窄边框,middle中边框,thick后边框。
  • line-height:高度值,即可垂直居中显示。

边框方向

边框缩写

注:空格隔开。

内边距属性

内边距缩写

外边距属性

外边距缩写

  • margin:auto针对父元素居中

盒子模型案例

如何取消边距、间隔?

  • 将父元素设置为font-size:0px后,设置内容大小