关于css里的盒子模型的笔记

关于css里的盒子模型的笔记

盒子模型

盒子壁 border
内边距 padding
外边距 margin
盒子内容 width+height

这些后面分别可以放
4个值 分别是上右下左
3个值 分别是上 左右 下
2个值 上下 左右
1个值 上下左右的值相同

定位技术(层模型)

①position:absolute(相对于最近的有定位的父级进行定位,若没有最近的有定位的父级,那么相对于文档定位)→绝对定位,可以被定位,脱离原来位置重新定位→不同的层
配合left 和top用,或right和bottom
②relative定位(相对) →保留原来位置进行定位(相对于原来的位置进行定位)
配合left 和top用,或right和bottom
③fixed→固定定位 广告定位

应用:用relative作为参照物,用absolute来定位

你可能感兴趣的:(关于css里的盒子模型的笔记)