CSS继续、盒子模子、float浮动、定位、diaplay

一、CSS继续

1.笔墨干系的样式会被子元素继续。
2.布局样式干系的不会被子元素继续。（用inherit可以强行继续）

实现效果：

二、盒子模子

每个标签都有一个盒子模子，有内容区、内边距、边框、外边距。
从内到外：content->padding->border->margin。
注：假如没有设置box-sizing属性，一个盒子的终极巨细为content+padding+border，也是background-color的地区。

1.content：标签的内容地区，用来盛放别的标签或文本，一样平常css设置的宽高就是这个地区。
2.padding：内容到边框的隔断，一样平常设置完后，由于padding占位，会撑大盒子模子。
①单参数：指定对应边内边距大概一次性指定全部内边距（单位：px %）。
padding-left
padding-right
padding-top
padding-bottom
padding
②多参数：参数个数，按【上 -> 右 -> 下 -> 左】顺时针序次，没有指定到的边则和对边雷同。
padding：上下 右左
padding：上 右左 下
padding：上 右 下 左
3.border：边框样式
①单参数：指定对应边框或一次性指定全部边框。
border-left
border-right
border-top
border-bottom
border-width
②多参数：参数个数，按【上 -> 右 -> 下 -> 左】顺时针序次，没有指定到的边则和对边雷同。
border-width：上下 右左
border-width：上 右左 下
border-width：上 右 下 左
③快速写法
   border：1px，solid #123456
  4.margin：外边距，一样平常用来调解盒子之间的隔断，参数写法与作用同padding。
①单参数：指定对应边框或一次项指定全部边框。
margin
margin-left
margin-right
margin-top
margin-bottom
②多参数：参数个