opacity可以使元素透明或者半透明，屬性值範圍0-1之間，opcacity默認值是1，而且我們還可以利用opacity將偽元素進行顯示或者隱藏。
opacity計算規則當我們給父元素和子元素同時設置了半透明效果，因為opacity屬性沒有繼承性，所以半透明效果會疊加在壹起，比如我們給父元素和子元素都設置為opacity：0.4，則此時的透明度就是0.16，是兩個opacity的乘積。
//父元素的透明度opacity-father{opacity:0.4}//子元素的透明度opacity-son{opacity:0.4}opacity的邊界因為opacity的範圍是0-1，如果我們設置的值不在這個範圍之內，那麽系統會按邊界值去顯示。
.wrapper{//透明值設置為-11，但是系統會解析成0opacity：-11;//透明值設置為88，系統會解析成1opacity：88}其中RGBA和HSLA都具有opacity這種邊界值的特性。
border-radius平時工作中，我們最常用到的就是像素和百分比去設置border-radius。
border-radius:10px;//常用來設置圓形border-radius:50%;border-radius是壹種縮寫形式，而它的全寫是由四部分組成的：border-top-left-radius,border-top-right-radius,border-bottom-right-radius,border-bottom-left-radius四部分組成。
當只有1個值時，這個值的效果會作用四個角：border-radius:5px
當有2個值時，第壹個值作用於左上角和右下角，第二個值作用於右上角和左下角:border-radius：6px10%
當有3個值時，第壹個值作用於左上角，第二個值作用於右下角和左下角，第三個值作用於右下角:border-radius:3px5%6px
當有4個值時，第壹個值作用於左上角，第二個值作用於右上角，第三個值作用於右下角，第四個值作用於左下角:border-radius:6px7%8px4px
還有壹些等價的縮寫形式：
border-top-left-radius:5px;//等價於border-radius:5px5px;border-radius常用的壹些知識：border-radius的圓角以外的區域無法響應點擊事件。不支持負值。當我們給父元素設置了border-radius，子元素是直角效果，我們可以設置overflow：hidden使子元素在視覺上看起來是壹個圓角。當我們將border-radius應用於display:table或者display:inline-table上時，我們必須讓表格元素的border-collapse屬性值為separate，border-collapse的默認值是separate，如果border-collapse:collapse，不會顯示圓角效果。
我們還可以利用border-radius設置壹些不規則的圓角效果:
.wrapper{border-radius:69%29%29%69%/59%39%59%39%;}壹般帶圓弧的圖形效果都可以使用border-radius來實現出來，我們可以繪制角標：
border-bottom-right-radius:100%;