CSS—06—盒子模型

 

 

 

  1. 注意width都是块级元素的内容所占的宽度,  块级元素本身的宽度是独占父元素的宽度, 一般来说如果父元素是body标签, 那就是独占一行;
  2. 注意height是内容的高度, 块级元素本身没有高度, 能展现的高度也是内容撑起来的高度;
  3. 注意padding是内边距,即内容距离边框的距离;

 

一. 内容属性

 

 

 

 

 

 

 

 

 

 

父子元素上下margin的传递

 

 

 

兄弟元素上下margin的折叠

 

 

 

 

 

 

 

 

outline和border的区别是不占用空间,它只是一个轮廓;

 

 

元素的阴影:box-shadow

 

 文字的阴影:

 

posted @ 2021-09-11 16:51  Eric-Shen  阅读(44)  评论(0)    收藏  举报