css常用小知识点汇总(一)

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;

...

原文地址:https://www.cnblogs.com/snowbxb/p/11498621.html