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小知識點