这是我参与「第四届青训营 」笔记创作活动的的第9天。
今天记录一下最近写代码时忘记的一些知识点，顺便做一下复习。在处理圆角中：w3标准的是border-radius。
-webkit-border-radius 是为了兼容 chrome 或 safari。
-moz-border-radius 是为了兼容火狐。
but现在火狐支持标准的border-radius，所以-moz-border-radius 是个无用的属性。
overflow的作用：(内容溢出元素框的处理方式）
- 介绍几个属性：
- visible:默认值，内容不会被修剪，会呈现在元素框之外。
- hidden:内容会被修剪，并且其余内容是不可见的。
- scroll:内容会被修剪，但是浏览器会显示滚动条以便查看其余内容
- auto:如果内容被修剪，则浏览器会显示滚动条以便查看其余内容。
- inherit:规定应该从父元素集成overflow属性的值。
后者适用多行，前者适用单行，均可设置上对齐，下对齐，注重，拉伸等，后者还可以平分剩余空间
align-items:定义的是flex子项在flex容器当前行的侧轴方向上的对齐方式。
包含stretch，center，flex-start，flex-end，baseline，initial，inherit等属性值。
align-content:和上边的用法相似，但是不对齐弹性项目，而是对齐弹性线。
display属性应用：
display英文单词，名词、动词、形容词，作动词译为显示；表现；陈列；display在Html应用为排列的意思，Html中标签分为行内标签和块级标签
有三个常用属性：inline（将元素转化为行内元素）、block（将元素转化为块级元素）、inline-block（将元素转化为行内块元素）。
他还有一些其他不常用但又会用到的属性值
-webkit-box-orient子元素排列方向 horizontal | vertical | inline-axis | block-axis | inherit，其中默认值是inline-axis，即横向排列 -webkit-box-flex 子元素之间比例，仅做一个系数 -webkit-box-direction 子元素排列顺序 normal | reverse | inherit，其中默认值是normalorm
-webkit-box-flex-group 以组为单位的流体系数
-webkit-box-ordinal-group 以组为单位的子元素排列方向
-webkit-box-lines 子元素是否换行，相似word-wrap和word-break的做用
-webkit-box-align 子元素垂直方向的对其方式
-webkit-box-pack 子元素水平方向的对其方式
