JS成神之路（五）：css的盒子模型

一：常见的标签分类
块级元素：
• 没有设置宽度时，它的宽度是其容器的 100%；
• 可以给块级元素设置宽高、内边距、外边距等盒模型属性；
• 块级元素可以包含块级元素和行内元素；
• 常见的块级元素有：

、

~

、

、

• 、
  1. 、

     、、

     
     等。
     行内元素：
     • 行内元素不会独占一行，只会占领自身宽高所需要的空间；
     • 给行内元素设置宽高不会起作用，margin 值只对左右起作用，padding 值也只对左右起作用；
     • 行内元素一般不可以包含块级元素，只能包含行内元素和文本；
     • 常见的行内元素有 、、、、、、、、 等
     二：css盒子模型
     
     .box{
     width:100px;
     heigth:100px;
     padding:10px 20px 30px;
     magin:10px;
     background-color: #FFB5BF;
     border: 5px solid #94E8FF;
     }