HTML——盒子模型

盒子模型
1.宽高属性
CSS中引用无ID的《div》标签时直接输入如footer{}
width；宽度
height；高度
min-height
不知道布局内容的多少，所以需要预留空间，
内容不加min会随着内容变化----因此加上min-height（最小高度）
2.边框属性
///
border的简化写法
border；边框颜色 样式 宽度；
边框可以变化-只要上下不要左右 border-top border-bottom;
LIKE:border-top:#000000 solid 12px;
3.间距，边距与填充
///
外边距 间距 margin；
内边距 填充padding；
统一清除间距用通配符（html中有默认间距的为ul，h，p等）
.｛margin：0；padding：0；｝即可
///
4.填充属性
padding 用法
padding可以控制上右下左的填充距离
padding 15px 为四边；padding 15px 15px 为上下和左右
LIKE：padding-left ：15px；padding-right：20；
///
5.间距属性
margin :边距 间距
与padding大致类似
margin的属性是与OTHER BOX会重叠在一起