生活随笔
收集整理的這篇文章主要介紹了
css取值
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
顏色值 Color Type Values
Name
名稱CSS Version
版本Description
簡介
| Color Name | CSS1 | 用顏色名稱來指定顏色。包括基本顏色關鍵字、系統顏色、SVG顏色關鍵字等 |
| HEX | CSS1 | 十六進制記法。語法如：#rrggbb或#rgb |
| RGB | CSS2 | rgb記法 |
| RGBA | CSS3 | rgba記法 |
| HSL | CSS3 | hsl記法 |
| HSLA | CSS3 | hsla記法 |
| transparent | CSS1/CSS3 | 全透明 |
紫色 鏈接表示該屬性在CSS3有修改或者增加了新的屬性值；橙色 鏈接表示該屬性是CSS3新增屬性
文本值 CSS Textual Data Type Values
Name
名稱CSS Version
版本Description
簡介
| <string> | CSS2 | 字符串(含轉義字符串)。 |
| <url> | CSS2 | 在網頁上提供一個資源地址。（圖像，聲頻，視頻或瀏覽器支持的其他任何資源） |
| <identifier> | CSS2 | 使用用戶自定義標識名作為組件取值。 |
函數值 CSS Functional Notations Type Values
Name
名稱CSS Version
版本Description
簡介
| counter() | CSS2/3 | 插入計數器。 |
| attr() | CSS2/3 | 插入元素的屬性值。 |
| calc() | CSS3 | 用于動態計算長度值。 |
| min() | CSS3 | 用于比較數值的大小并取出最小的那個。 |
| max() | CSS3 | 用于比較數值的大小并取出最大的那個。 |
| cycle() | CSS3 | 允許子孫元素使用取值序列中的值循環替換繼承而來的值。 |
Name
名稱CSS Version
版本Description
簡介
| linear-gradient() | CSS3 | 用線性漸變創建圖像。 |
| radial-gradient() | CSS3 | 用徑向漸變創建圖像。 |
| repeating-linear-gradient() | CSS3 | 用重復的線性漸變創建圖像。 |
| repeating-radial-gradient() | CSS3 | 用重復的徑向漸變創建圖像。 |
數字值 CSS Numeric Data Type Values
Name
名稱CSS Version
版本Description
簡介
| <number> | CSS2 | 浮點數。 |
| <integer> | CSS2 | 整數。 |
其它類型值 CSS Other Data Types Values
Name
名稱CSS Version
版本Description
簡介
| <length> | CSS2 | <number>接長度單位。 |
| <percentage> | CSS2 | <number>接% |
| <angle> | CSS3 | <number>接角度單位。 |
| <time> | CSS3 | <number>接時間單位。 |
| <frequency> | CSS3 | <number>接頻率單位。 |
| <fraction> | CSS3 | <number>接剩余空間數單位。 |
| <grid> | CSS3 | <number>接網格數單位。 |
顏色值 Color Type Values
Name
名稱CSS Version
版本Description
簡介
| Color Name | CSS1 | 用顏色名稱來指定顏色。包括基本顏色關鍵字、系統顏色、SVG顏色關鍵字等 |
| HEX | CSS1 | 十六進制記法。語法如：#rrggbb或#rgb |
| RGB | CSS2 | rgb記法 |
| RGBA | CSS3 | rgba記法 |
| HSL | CSS3 | hsl記法 |
| HSLA | CSS3 | hsla記法 |
| transparent | CSS1/CSS3 | 全透明 |
紫色 鏈接表示該屬性在CSS3有修改或者增加了新的屬性值；橙色 鏈接表示該屬性是CSS3新增屬性
轉載于:https://www.cnblogs.com/waitingforbb/p/7107923.html
總結
以上是生活随笔為你收集整理的css取值的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。
