4. CSS Box Model

• width

• height

• border: 10px solid black;

  • border不影响box大小
  • border-top: 0px;
  • border-width: 0px 10px 20px 30px;上右下左，顺时针

• padding:20px

  • box大小没变，border向外移动20px

• margin:10px

  • border外部空出来10px的一圈

• appbrewery.github.io/box-model/

• https://www.ilovebacon.com

• Gontent division element

• Pesticide Chrome Extension

• 练习：