CSS遗漏知识点

1、important权重比行内样式高

2、单个文字下沉

点击查看代码

text-indent:11PX;
writing-mode: vertical-lr;

3、单行文本溢出省略号显示

点击查看代码

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

4、多行文本溢出省略号显示

点击查看代码

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

5、css控制按钮是否可点击

点击查看代码

pointer-events: auto; 恢复可点击状态
pointer-events: none;设置为不可点击状态

6、order设置flex的子元素可以进行排序，为0是排在最前面

7、文档流、文本流

文档流，指的是盒子元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。
文本流，指的是文字元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。

8、calc在css样式中计算属性的值

9、背景颜色和透明度的冲突

当背景颜色为渐进色时，opacity的数值需要乘以渐进色的每个阶段的rgba透明度数据，避免全局污染

10、vue中组件上的类名样式大于组件内部的样式

11、textarea 文本框禁止拖动改变大小

resize:none;

12、画虚线样式

stroke-dasharray: 4;//值表示与下一段虚线的距离