CSS3小知识点

标签：...   文本   city   shadow   col   type   rgba   扩展   sha   

1.透明度：
opacity:0-1;子元素会继承父元素的透明度
background:transparent;像玻璃一样
background-color:rgba; rgb:0-255  a:0-1
background-color:hsla; h:0-360 sl:0-100%
2.文本溢出：多行隐藏：
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;     2可换任意数字，表示2行，剩下的...隐藏
-webkit-box-orient:vertical;
3.边框阴影：
box-shadow:2px 2px 5px 10px #000;(水平偏移量 垂直偏移量 模糊度 扩展值 颜色)
水平偏移量：正值向右，负值向左
垂直偏移量：正值向下，负值向上
偏移量和模糊度是可以相加计算的（正负号表示的是方向）
偏移量和扩展值也是可以数学运算的。
4.nth-of-type(n)与nth-child(n)的区别：
 nth-of-type(n)：表示当前父元素下的所有同类型的第n个子元素。
 nth-child(n)：表示当前父元素下的所有的第n个子元素。

CSS3小知识点

标签：...   文本   city   shadow   col   type   rgba   扩展   sha   

原文地址：http://www.cnblogs.com/y-sun/p/7472146.html