css常用小知识点汇总

Posted 2022-10-12 snowbxb

1.文本过多溢出，怎么让他隐藏变成点点点（...）呢？

text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;     //2表示2行，剩下的...隐藏
-webkit-box-orient:vertical;

2.nth-of-type(n)与nth-child(n)的区别是啥子呢？
 nth-of-type(n)：表示当前父元素下的所有同类型的第n个子元素。
 nth-child(n)：表示当前父元素下的所有的第n个子元素。

3.奇偶匹配:nth-child(odd) 与 :nth-child(even)？

odd和even分别匹配序号为奇数与偶数的元素。

奇数(odd)与(2n+1)是一样的；偶数(even)与(2n+0)是一样的。

4.常用的动画语句？

transition:all 0.4s ease;

...