CSS — 盒子的水平和垂直布局、外边距的折叠、行内元素盒模型、浏览器默认样式、盒子的尺寸、轮廓和圆角

目录

一、盒子的水平布局

二、盒子的垂直布局

三、外边距的折叠

  1.兄弟元素

  2.父子元素

四、行内元素盒模型

  1.display

  2.visibility 

五、浏览器默认样式

六、盒子的尺寸

七、轮廓和圆角

  1.box-shadow

  2.outline

  3.border-radius 

---

一、盒子的水平布局

        元素在其父元素中水平方向的位置由以下几个属性共同决定：

            margin-left, border-left, padding-left, width, padding-right, border-right, margin-right

        一个元素在其父元素中，水平布局必须要满足以下的等式：

 margin-left+border-left+padding-left+width+padding-right+border-right+margin-right = 父元素内容区的宽度（必须满足）