前言：之前做web前端项目的时候才零星接触前端的知识，没有系统的整理出知识体系，所以在入行（web前端）两个月时，发觉css在页面布局起着至关重要的作用，良好的搭建页面布局，在后来写js也非常有帮助，因为考虑到页面的拓展性（产品需求设计需求）所以这就是重新回归的原因！
回归思考：
CSS 要点：
1.对齐
2.居中，垂直，水平
3.浮动，闭合浮动(BFC 布局应用)
4.细节（reset 这种重置行的要怎么更好的利用，然后更好的应用到自己的项目）
1.CSS inherit 继承父容器的特性 指大小，颜色，背景
其实尺寸用途并没有很大，在相对彧颜色，背景可能有自己的优势
where
when
与height or width :100% 不同的是
我的想法是当父元素是浮动元素时候，height100% 基准（pivot）应该是正常文档流，所以这个时候h100会向上搜索，这时候他的高度就不是父元素的高度
inherit 就如子面而言 直接继承父元素的特征
connection
flexibility
2.text-align:justify
从张鑫旭的博客回来，对此CSS实现的文本对齐有一点启蒙，justify 本意是拉伸之间的空格使左右两端对齐，在文本中设置可以完成目标。
看demo(暂时放在jsffidle)：https://jsfiddle.net/deqntw16/
如果是例如 列表项，或者内敛元素，最后一行没对齐（一行的话就是第一行）！
那怎么办？
剖析一下justify的原理：文本或列表超过一行，元素之间有间距，然后用我们的justify就可以了
所以按照这个原理，在最后添加如 inline-block（ 宽度100%,高度0 ）就可以实现了。
结构ok 了 但是 有的时候撑开非常难看！
所以目的在于使得最后一行 左对齐
1.同样填充“一条线”的inline-block 然后平衡整行的列表项（即 放置跟上一行相同数量的列表项）从而造成假象
2.可以单独对最后一行做letter-spacing 的调整
=============================================================
3.水平垂直居中
=============================================================
4.字体上
px,em,rem
概念上非常简单，rem:root element 即相对彧 根元素的fz;em主要是相对于父级元素
因为具体在项目中没有大量应用到em,rem 所以具体的优势讲不出来，但是可以料想，
当屏幕放大缩小，他能够保证整个布局不是乱套，即一层一层的分界线与之前的一样
===========================================================