CSS中常用的函数

前端开发   发布日期:2025年09月04日   浏览次数:281

一、CSS函数的用法

  设置css的属性值时可以使用css函数,如果color:rgba(20,30,50,0.5),css中有很多这样的函数。

  a.calc()函数

    这个函数是的可以计算容器的大小。如果设置容器的宽度:j

main{
   width: calc(100vh - 3.5rem - 8rem);
   
}

  b.fit-content()

  这个函数允许我们设置一个根据元素的内容设置容器的大小且有一个最小值。 

 main{height:fit-content(8rem)}

 

   如果元素的内容的高度大于8rem,则使用元素内容的高度,负责使用8rem作为高度。

以上就是CSS中常用的函数的详细内容,更多关于CSS中常用的函数的资料请关注九品源码其它相关文章!