20200221前端学习笔记

1.盒子模型

• 所谓盒子模型：
  就是把html页面中的布局元素看做是一个矩形的盒子，也就是一个盛满内容的容器
• 总结：
  
  1. 盒子模型有内容，边框（boder），内边距(padding),外边距（margin）组成
  2. 盒子里面的文字和图片等元素是内容区域
  3. 盒子的厚度我们称为边框
  4. 盒子内容与边框的距离是内边距类似单元格的ceilpadding
  5. 盒子与盒子之间的距离是外边距类似单元格的ceilspacing

2.盒子边框

3.盒子边框写法总结表

4.表格的细线边框

• 通过表格的cellspacing=“0” 将单元格与单元格之间的距离设置为0
• 但是两个单元格之间的边框会出现重叠，从而使边框变粗
• 通过css属性:
  table{ border-collapse：collapse}
  collapse单词是合并的意思
  boder-collapse：collapse表示相邻边框合并在一起。

5.内边距（padding）

5.1内边距：
padding属性用于设置内边距，是指边框与内容之间的距离。

设置

1. 内容和边距有了距离，添加了内边距
2. 盒子变大了

简写后面值个数表示的意思：(重点)