1.因为不同浏览器器默认的margin,padding不一样，所以为了统一，一开始的页面设置：
*{
margin: 0px;
padding: 0px;
}
- text-align: center; /* 只对里面元素为行级有用 */
3.margin: 10px auto; /* 当前元素为块级有用 */ 使当前元素对上下距离10px，左右水平居中
- margin : 1px 2px 3px 4px ; 表示当前元素对上，右，下，左，依次为1px,2px,3px,4px,padding同理也是如此
5.margin 的距离在border边框外， padding 的距离在border边框内
6.标签盒模型从外到内依次为 ：
margin -->border->padding-->内容
不同浏览器他的盒模型是不一样，所以统一设置，方便管理
*{
box-sizing: border-box ;
}
box-sizing就是设置盒模型 v
值为border-box：代表设置的宽高是border+padding+内容content 的总宽高
值为 content-box :代表设置的宽高是内容content 的总宽高
7:border-radius:10px; 后面是跟个值，或是百分比（0-100%） 这个带边边框圆角程度,值设置为50%或是100%，都是圆形的
- position： 标签定位：值为 absolute,relative,fixed，static
static: 相对定位，没有对应的top.bottom,left,right的值（不起作用）
absolute,relative,fixed：绝对定位
fixed: 代表当前标签以整个窗口为父级，进行定位
absolute:代表当前标签以父标签中第一个用到绝对定位为父级，进行定位，
relative: 相对于自己进行定位
绝对定位都有对应的四个值的设置： top，left，bottom,right
css :
div p{color:red} 代表div里面p标签的设置
div， p {color:red} 代表div和p 标签都具有下面的样式
9.弹性布局flex:
div{
display: flex;
}
代表div标签是弹性布局的，
主要这几个属性：
align-items ： y轴垂直设置
justify-content ： x轴水平设置
作业：
1.把掘金的顶部联系一遍
2.发你的截图试着做一下
弹性布局学习网站：www.ruanyifeng.com/blog/2015/0…
