background-image
它允許為背景新增乙個或者乙個漸變顏色 這裡注意漸變色屬於image 而不是color
下面我們寫乙個漸變色的div看看實際用法
.main
第二個引數為開始顏色1 與之對應第三個引數表示顏色1所佔比例 越大則鋪的越多
後面的引數也是一樣色號對應佔比
然後我們說一下background-clip
它表示指定背景繪製區域 一般的屬性值為
但是這裡我們說乙個不常用的屬性 因為相容性較差而且也可以通過其他方式設定
-webkit-background-clip: text以文本來繪製
.text
.text:hover
#out
最後說乙個需要注意的地方吧
我們在使用background的時候通常會覺得屬性太多乙個個設定很麻煩 那我們在連寫background時候要注意
比如：background:url(...) no-repeat fixed center/cover
又或者background: #333 0 0 / 100px 100px
其他屬性的缺失或者順序都不重要 但是在 position 和 size 之間無論是什麼寫法都需要以乙個 「/」 來分割否則無法識別
如有錯誤，請指正
關於CSS3中Media Queries使用方法
media queries能在不同的條件下使用不同的樣式，使頁面在不同在終端裝置下達到不同的渲染效果 media 型別and 特性 max width 是 特性中最常用的乙個特性，其意思是指 型別小於或等於指定的寬度時，樣式生效。如 media screen and max width 480px ...
CSS3關於轉換
旋轉 rotate 旋轉xyz軸 正順時針負逆時針，單值預設z，3d 1，1，1，25deg 三面合力各做25deg形成的向量力。平移 translate 沒有脫離文件流，百分比相對於自身的寬高，旋轉平移先後區別，會有不同的效果。縮放 scale 縮放單值預設同時應用xy軸，z軸是厚度，3d是集合顯...
關於css3中nth of type 的使用
nth of type n 選擇器用於匹配同型別中的第n個同級兄弟元素。n可以是乙個數字，乙個關鍵字，或者乙個公式。ps n不能為判斷語句 p nth of type n 2 錯誤，不能為賦值語句 p nth of type n 2 錯誤，不能為布林型 p nth of type 2 正確，選取第二...