理想国

1.px px就是pixel的缩写即像素，是比较常见的尺寸单位。需要注意的是像素是相对于显示器屏幕分辨率，再有就是所有浏览器默认的的字体大小都是16px。2.emem是一个相对父元素大小的相对单位，所以对于默认的浏览器1em = 16px。需要注意的是如果父元素是1.2em,你在子元素上有这么使用1.2em来标记，那么就会使得子元素实际大小是1.44em。这个复杂的特性使其使用起来并不方便。

一直觉得自己的对于CSS的布局欠缺底蕴，这使得我一直对于自己的页面布局能力不自信，所以准备写个CSS系列的读书笔记，即是自我勉励，也是加深理解。1.position:static 静态位置是默认的布局方式，块级元素生成矩形框，行级元素则会创建一个或者多个行框，显然易见元素是存在文档流内部的。2.position:relative相对定位的元素依然在原本的文档流之中，这意味着原本的位置无法被新的元素

1.基础概念flex-container //flex容器 显示声明为display:flex的父级元素flex-items // flex项目 flex容器内的子元素PS：弹性元素是可以嵌套声明的，这意味着你可以为子元素再次声明display:flex来使之成为flex容器Main-Axis //主轴 从左到右Cross-Axis //侧轴 从上到下PS：flex布局没有

word-break 和 word-warpword-spacingwhite-spacetext-overflow