2023年1月5日

CSS - 浮动与清除浮动

摘要: 1.浮动 /*左浮动*/ float: left; /*右浮动*/ float: right; 脱离标准流,浮动的盒子不在保留原先的位置,如何元素都可以加浮动 2.清除浮动 兄弟元素关系中,上元素没有设置高度,但是里面有许多盒子。这时下元素就会覆盖上元素里面的盒子,因为上元素没有高度 这时想要解决这 阅读全文

posted @ 2023-01-05 15:31 Mikasa-Ackerman 阅读(29) 评论(0) 推荐(0) 编辑

CSS - 设置内边距padding,复合写法,内边距会影响盒子大小的问题,设置内边距失效的情况,设置外边距margin,让盒子水平居中,外边距塌陷问题,解决父子关系外边距塌陷的问题

摘要: 1.设置内边距 /*设置上内边距*/ padding-top: 20px; /*设置下内边距*/ padding-bottom: 20px; /*设置左内边距*/ padding-left: 20px; /*设置右内边距*/ padding-right: 20px; 属性值可以为:auto,px,% 阅读全文

posted @ 2023-01-05 13:38 Mikasa-Ackerman 阅读(653) 评论(0) 推荐(0) 编辑

CSS - 设置边框 设置边框的宽度,类型,颜色,复合写法,设置边框是否占据额外的空间,圆角边框

摘要: 1.设置边框的宽度 /*同时设置上下左右边框*/ border-width: 2px; /*设置上下 左右 边框*/ border-width: 2px 2px; /*设置上 左右 下 边框*/ border-width: 2px 1px 2px; /*设置 上 下 左 右 边框*/ border- 阅读全文

posted @ 2023-01-05 13:00 Mikasa-Ackerman 阅读(530) 评论(0) 推荐(0) 编辑

导航