CSS中自定义的属性怎么做,哪些事项要注意
Admin 2022-08-01 群英技术资讯 301 次浏览
1、定义一个自定义属性需要使用--开始,然后属性值需要是一个有效的CSS值。像其他属性一样,一个规则集中定义:
element { --main-bg-color: brown; }
使用注意
2、css变量的属性名大小写敏感,--my-color会被当作--My-color属性。
3、使用自定义属性,需要在var()函数中使用。
element { background-color: var(--main-bg-color); }
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
在css3中,可以利用animation-iteration-count属性来设置动画执行一次,该属性的作用就是定义动画的播放次数;当animation-iteration-count属性的值设置为数字“1”时,即可设置动画只播放一次。
这篇文章给大家分享的是关于响应式布局的内容,本文对响应式布局有详细的介绍,另外还介绍了一些响应式布局容易忽略但又很重要的知识点,对大家理解响应式布局有一定的帮助,感兴趣的朋友接下来一起跟随小编看看吧。
这篇文章主要介绍了AmazeUI框架搭建的方法步骤(图文),文中通过图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
全屏滚动效果是网页设计中比较常见的,能用户良好的视觉和交互体验。一般我们用fullpage.js来实现全屏滚动,fullpage.js是一个基于jQuery的插件,能够轻松制作出全屏网站。其实CSS也能实现全屏滚动效果,下面我们来具体看看。
这篇文章主要给大家来说一说CSS之文字修饰的相关技巧内容,这里主要从text-decoration和text-shadow这两个属性聊起,感兴趣的朋友可以随时来看一看小编所整理的资料。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008