css一些知识点

定位

static–默认就是static

fixed–相对浏览器窗口是固定的

relative–相对于自己的正常位置的定位

absolute–相对于最近的已经有定位属性的父元素，static属性不算，就是fixed和relative

sticky–相对用户的滚动位置定位

吸顶

相对父元素的吸顶

sticky z-index top-0

最便捷居中方案

父元素：flex

子元素：margin：auto

文字溢出

文字单行溢出
----------------------------------------------------------------------------
overflow: hidden;            // 溢出隐藏
text-overflow: ellipsis;      // 溢出用省略号显示
white-space: nowrap;         // 规定段落中的文本不进行换行
width:100px;                   // 需要设置确定的宽度


文字多行溢出
----------------------------------------------------------------------------
overflow: hidden;            // 溢出隐藏
text-overflow: ellipsis;     // 溢出用省略号显示
display:-webkit-box;         // 作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; // 设置伸缩盒子的子元素排列方式：从上到下垂直排列
-webkit-line-clamp:3;        // 显示的行数