盒子模型:四个部分
content内容
width height
padding内边距
padding-方位词padding:
数值百分比
1.会撑大盒子
2.没有颜色背景色会覆盖3.没有负数
4.是添加给父元素,调整子元素的位置
border边框
会撑大盒子
margin外边距
margin-方位词margin:
数值负数auto百分比
1.不会撑大盒子2.没有颜色3.有负数
4.是添加给自身,调整自身的位置或者调整元素与元素之间的位置
1.去除内外边距
*{
padding:0;margin:e}
2.元素水平居中
独占一行:
给自身添加margin : auto不独占一行
|给父元素添加text-align: center3.margin的间题
1.父元素里面的第一个子元素添加margin-top,会把父元素带下来2. 相邻的上下两个盒子,垂直外边距相遇,数值以大的为准
3.不独占一行的元素使用上下的padding/border / margin无效4.元素的宽度
width+左右的padding+左右的border+左右的margin元素的实际宽度
width+左右的padding+左右的border
html盒子模型
于 2023-03-27 17:52:46 首次发布