1、确定盒子本身的布局，在整体的页面中盒子的具体位置，以及盒子的内容布局
- position:relative\absolute\fixed
- float:lefd\right
- flex
2、确定盒子的属性和可见性
- display:block\inline-block\none
- visiable\opacity
3、确定盒子的模型
- width\height
- boder\boder-size
- margin\padding\
- box-shadow\text-shadow
4、内部的文本文字
- font\text
5、盒子内部的背景
- background
6、盒子的其他属性--动画
- transform\overflow等
