码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-09-10 17:42:02      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:匹配   play   溢出   lam   back   隐藏   汇总   line   tran   

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;

...

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

标签:匹配   play   溢出   lam   back   隐藏   汇总   line   tran   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!