CSS中常用的函数

寻技术 Html/CSS 2024年05月11日 138

一、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作为高度。

关闭

用微信“扫一扫”