工作中常用CSS属性

1. position: fixed; //定位，固定在某个位置，会造成元素浮动。

2. border-radius: 5px|50%;  //圆角。50%时盒子为圆形。
	- border-radius: 5px 5px 0px 0px; //左上，右上，右下，左下
	- border-radius: 5px 0px; //对角线。左上，右下5px; 右上，左下0px

3. cursor: pointer; //鼠标变小手。当然还有其他鼠标样式。
4. background-image: linear-gradient(角度,颜色); //渐变

5. display: flex; //定义在父元素的
	- flex-direction: row|column; //主轴排列方式：左侧开始|顶部开始
	- flex-wrap: nowrap|wrap; //默认不换行|换行
	- justify-content: center|flex-end|flex-start; //居中排列|居末排列|居始排列
	- align-items: center|flex-start|flex-end; //垂直排列|其他
6. flex-grow: 0; //子元素的放大比例。默认为0，即若有剩余空间也不放大。
7. flex-shrink: 1; //子元素缩小比例，默认为1，即如果空间不足，改项目将缩小。
8. flex-basis: auto|250px; //子元素在分配多余空间之前，占据的主轴空间(初始大小)。如果为具体数值，元素将占据固定空间。
9. flex: 0 1 auto; //上面三个属性的简写。
10. order: 0; //子元素的排列顺序。默认为0;数值越小，排的越前。

11. line-height: 20px; //垂直居中(行内元素)。数值为父元素的高度。写在子元素。
12. text-align: center; //居中对齐(行内元素)。写在父元素。
13. postion: relative; //相对定位。
14. postion: absolute; //绝对定位。位置是基于relative的位置。
15. vertical-align: baseline|top|middle|bottom; //设置元素的垂直对齐方式。
16. transform translate(X,Y) //平移。
		- transform translateX(100px); //向左向右平移。
         - transform translateY(100px); //向上向下平移。
         - transform translateZ(100px); //向Z轴平移。
         - transform translate3d(X,Y,Z);
17. display: inline-flex; //行内元素也可以用flex布局。
18. border: 1px solid #ff5000; //边框
19. list-style-type: none; //将<li>的小圆点去掉。写在<ul>元素下。
20. overflow-y: auto; //超出则隐藏，并显示侧边栏。(前提是要给元素高度)。
21. box-sizing: border-box; //指定盒子为IE盒模型。(盒子宽高包括padding和border)
22. box-sizing: content-box; //指定盒子为标准盒模型。(盒子宽高只有content部分)