*此文档仅作为自己复习css时使用 将最基础的写在这 此次资料来源于pinkTc的video
DAY 1
一 1.：块元素（block）的特点
（eg.<h1~6>、<div>、<ul>、<p>、<ol>、<li>....）
①独占一行
②高、宽、外边距及内边距可以自行控制
③宽度不给值的话默认为容器的宽度（或无父元素的时候百分之百）
④是一个容器和盒子,可以层层嵌套行内及块元素
（注：文字类的块状元素标签内不能再使用块状元素<p>、<h1>）
2.：行内元素（inline）的特点
（eg.<a>、<b>、<i>、<span>....）
①不独占一行,一行可以显示多个
②高、宽、外边距及内边距不可以自行控制，无效果
③宽度默认为自己的宽度（靠自己把它撑开）
④只能容纳文本或其他行内元素
（注：链接不能嵌套链接 特殊情况下<a>可以包含块级元素）
3.：行内块（inline-block）元素的特点
其实就是某些行内元素具有块状元素的某些特点，比如img、input和td、form等
①不独占一行,一行可以显示多个但是中间会有空白缝隙
②高、宽、外边距及内边距可以自行控制
③默认宽度为本身内容的宽度，同行内元素特点③
（注：链接不能嵌套链接 特殊情况下<a>可以包含块级元素）
当然了 以上三种元素的显示模式也可以通过display来相互转换，使其具有某种元素的特点（比如我们可以通过display转换成块状元素间接的来给行内元素设置宽高等..）
在display的应用中，比较常用的就是通过给a标签设置宽高增加其触发的范围
二 css文字垂直居中问题及背景关键属性
怎样让在盒子内的元素垂直居中呢——>让文字的行高==盒子的高度 （如果想要水平垂直居中的话可以在设置text-align来设置）
1. 单行文字垂直居中的原理
行高是由：上空隙 文字本身的高度 下空隙（自上而下）组成的，如果在一个盒子中，我们给盒子也设置了同行高一样的高度，那么文字肯定就整好是在盒子的内部正当中了。（也就是 行高的上空隙和下空隙把文字挤到中间了，如果行高小与盒子的高度那么文字应该时往上偏的，大于盒子的高度，文字应该时往下偏移的）
2.背景图片位置以及图像固定和平铺
通过背景属性我们可以设置背景颜色、背景图片、背景平铺、背景图片位置以及背景图像固定等
当我们往一个容器里面插入背景图片时(background-image:url())如果当前图片的宽高小于当前盒子的宽高会默认出现平铺效果，so为了更好的控制背景图片的效果我们可以通过background-repeat（repeart，no-repeat,repeat-x,repeat-y）属性来为其设置效果
背景图像位置background-position：x y;(x和y方位名词或者是px都可以 ) x为左右 y轴 y为上下 x轴 p118
