CSS

单行文本显示省略号 多行文本溢出显示省略号 实现省略号后显示更多文案（vue） 注：max-height为显示行数*行高。主要思路是利用浮动和伪元素来实现。若是移动端由于适配问题，尽量不采用css显示

只适用于非多级表格 不足：表格内容未超出滚动高度，滚动条位置任然存在。多级表头固定方式，有待继续研究。

footer固定在底部包括两种情况： 第一种是当页面内容尚未填充满的时候，需要固定在底部 第二种是页面填充满后，需要随页面内容的增加而填充在主体内容的下方 方法一 min-height 方法二 fle

![donghua.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a9b57cf71b244bd1abc6baddacc63a4e~tp

背景样式简单总结，但未对position做详细总结，position值为百分比时的计算方式有所不同，需要后续补充。

![fudong.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/284ab07bede74566b7e987a07f49b187~tpl

常用flex布局属性小结，思维导图中简略画出了常用属性，存在一定的局限性，各个属性具体的解释，由于将其放入了注释里，思维导图工具并未将其一并导入图片。

继承属性 字体系列 font font-family font-weight font-size font-style font-variant: small-caps; 所有小写字母转成大写字母，但

水平居中 子元素为行内元素且 未脱离文档流，给父元素设置 text-align: center; 实现行内元素水平居中。 子元素为块级元素同时有 width，子元素设置 margin: 0 auto;