box知识

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。

Margin 外边距边界   Border边框边界   Padding内边距边界   Content内容边界

margin-bottom下外边距   margin-left左外边距   margin-right右外边距   margin-top上外边距

padding-bottom 底部填充    padding-left左部填充   padding-right右部填充   padding-top顶部填充

隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。

overfiow设置当元素的内容溢出其区域时发生的事情    

position 指定元素的定位类型

元素居中对齐  margin：auto   文本居中对齐  text-align：center

background-color 属性定义了元素的背景颜色。

background-image 属性描述了元素的背景图像。

background-position属性设置背景图像的起始位置。

background-size背景图片的尺寸    background-clip 背景的绘制区域   background-origin背景图片的定位区域

first-child 伪类来选择父元素的第一个子元素。