- Margin(外边距) - 空白边框区域。Margin没有背景颜色,它是完全透明
- Border(边框) - 边框周围的填充和内容。边框是受到盒子的背景颜色影响
- Padding(内边距) - 空白内容周围的区域。会受到框中填充的背景颜色影响
- Content(内容) - 盒子的内容,显示文本和图像
设置的width和height属性单单决定content的内容
页面位置
Static:
无定位
Fixed定义:
固定在页面的位置
即使网页滚动也不变
Relative 定位
相对定位元素的定位是相对其正常位置。
Absolute 定位
绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于<html>:
CSS Float 可以使用就尽量使用
CSS float 属性定义元素在哪个方向浮动,浮动元素会生成一个块级框,直到该块级框的外边缘碰到包含框或者其他的浮动框为止。