CSS中的常用函數 在CSS中，有一些非常實用的函數，可以用于優化樣式表，簡化代碼，提高開發效率。以下是一些常用的函數的介紹和使用方法： 1. calc()函數 calc()函數可以用于計算長度或百分比值，可以包含加、減、乘、除等數學運算。例如，以下代碼可以將一個元素的寬度設置為父元素寬度的一半： ``` width: calc(50% - 10px); ``` 2. rgba()函數 rgba()函數可以用于設置顏色的透明度。該函數需要四個參數：紅色、綠色、藍色和透明度，取值范圍都是0~255。例如，以下代碼可以將一個元素的背景顏色設置為半透明紅色： ``` background-color: rgba(255, 0, 0, 0.5); ``` 3. translate()函數 translate()函數可以用于改變元素的位置。該函數需要兩個參數：X軸偏移量和Y軸偏移量。例如，以下代碼可以將一個元素向右移動50像素： ``` transform: translate(50px, 0); ``` 4. rotate()函數 rotate()函數可以用于旋轉元素。該函數需要一個參數：旋轉角度，單位為度。例如，以下代碼可以將一個元素順時針旋轉45度： ``` transform: rotate(45deg); ``` 5. scale()函數 scale()函數可以用于縮放元素。該函數需要兩個參數：X軸縮放比例和Y軸縮放比例。例如，以下代碼可以將一個元素在X軸方向上放大一倍： ``` transform: scale(2, 1); ``` 6. linear-gradient()函數 linear-gradient()函數可以用于創建線性漸變背景。該函數接受兩個或多個參數，表示漸變的起始顏色和結束顏色。例如，以下代碼可以創建一個從紅色到藍色的漸變背景： ``` background: linear-gradient(to right, red, blue); ``` 以上是一些CSS中常用的函數，它們可以幫助我們更方便地實現一些復雜的效果。通過熟練掌握這些函數的使用方法，可以讓我們的網頁設計更加出色。