CSS學習篇核心之——盒子模型

概述

盒子模型

* {  margin: 0;  padding: 0;}

#box {  width: 70px;  margin: 10px;  padding: 5px;}

h1 {  padding-top: 10px;  padding-right: 0.25em;  padding-bottom: 2ex;  padding-left: 20%;  }

 h1 {padding: 10px0.25em 2ex 20%;}   

h1 {padding: 10px;}

p {  border-style: solid;  border-top-width: 15px;  border-right-width: 5px;  border-bottom-width: 15px;  border-left-width: 5px;  }

p {border-style:solid; border-width: 15px 5px 15px 5px;}

p {border-style:solid; border-width: 15px 5px;}

h2 {  margin-top: 20px;  margin-right: 30px;  margin-bottom: 30px;  margin-left: 20px;  }

p {margin: 20px 30px30px 20px;}

總之