CSS-盒子模型

哪些HTML元素可设置宽和高属性

width和height属性设置是内容的高和宽

块级元素 

<p>、<div>、<h1>~<h6>、<ul>、<li>、<ol>、<dl>、<dt>、<dd>等

替换元素

浏览器根据其标签的元素与属性来判断显示的具体内容

<img>、<input>、<textarea>等

盒子模型图

边框属性-border

有4个不同的方向：





例子：div{border:10px #0099ee solid}

内边距属性-padding

设置元素的内容与边框之间的距离（内边距或填充），分四个方向：



盒子在网页中占据的空间，不单单与width和height属性有关，还与padding有关

外边距-margin

css设置的高度和宽度是内容的大小，要计算盒子的大小就要加上border和padding