本文详细介绍了CSS盒子模型，包括边框、外边距、内边距、圆角边框、显示方式、浮动、父级塌陷及定位。讨论了如何使用margin、border、padding调整元素间距，以及display属性在块元素和行元素之间的转换。还涵盖了浮动、定位的原理及解决父级塌陷的方法，并提到了z-index用于图层控制。
1、margin 外边距
2、border 边框
3、padding 内边距
1、边框
border-width 粗细
border-style 样式
border-color 颜色
也可以将这几个放在一起
border:1px dashed red; dashed虚线
border:1px solid red; solid细线
2、外边距
margin-width 粗细
margin-style 样式
margin-color 颜色
也可以将这几个放在一起
margin:1px dashed red; dashed虚线
margin:1px solid red; solid细线
外边距的作用：可以居中
margin：0 auto 表示上下为0，左右为自动 整个图案是居中的位置
margin：1px 2px 3px 4px 顺时针方向的四周的距离
3、外边距
padding-width 粗细
padding-style 样式
padding-color 颜色
也可以将这几个放在一起
padding:1px dashed red; dashed虚线
padding:1px solid red; solid细线
4、圆角边框
border-radius: 50px; 四个角都是50px
border
最低0.47元/天 解锁文章
619
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
