CSS使用函數(shù)可以讓我們更加靈活地控制樣式,以下是一些常用的CSS函數(shù):
/* RGB顏色函數(shù) */ color: rgb(255, 0, 0); /* 紅色 */ color: rgba(255, 0, 0, 0.5); /* 半透明紅色 */ /* HSL顏色函數(shù) */ color: hsl(0, 100%, 50%); /* 紅色 */ color: hsla(0, 100%, 50%, 0.5); /* 半透明紅色 */ /* calc函數(shù) */ width: calc(100% - 50px); /* 寬度為父元素寬度減去50px */ /* var函數(shù) */ --primary-color: red; color: var(--primary-color); /* 使用CSS變量來定義顏色 */ /* repeat函數(shù) */ background-image: repeating-linear-gradient(45deg, red, orange 10px, yellow 20px, green 30px); /* 重復(fù)漸變 */
CSS函數(shù)的使用可以幫助我們簡化樣式代碼、提高可維護性和復(fù)用性,建議在開發(fā)過程中充分利用函數(shù)來編寫樣式。