CSS应用-全局变量

2022-02-281753

在网页的开发中,CSS样式的出现,就宛如给网页增添美容剂使其焕然一新。在科技不断的发展进步时代,我们对于技术的开发越来越完善,越来越成熟,对事物的追求也逐渐提高,对网页的视觉效果也有审美的要求。今天就带大家来熟悉CSS全局变量的魅力,对于页面的主题切换等应用或许是个不错的备选技术。


在 H5 中的动态全局CSS变量的应用 1、定义全局变量 img 2、引入文件

img

3、全局变量使用

img

4、动态修改

img

在 小程序 中的动态全局CSS变量的应用

1、定义全局变量,需注意在 app.wxss 的 page 标签下定义

img

2、变量使用

img

3、动态修改 注意:修改的变量只对当前标签包含的内容生效(即子标签,含引入的组件),因此当我们对页面最外层标签 view 做修改时,修改后的变量只对当前页面内容有效,不同页面不互相影响,但可使用 globalData 全局数据进行修改,实行整个项目通用

![img](在网页的开发中,CSS样式的出现,就宛如给网页增添美容剂使其焕然一新。在科技不断的发展进步时代,我们对于技术的开发越来越完善,越来越成熟,对事物的追求也逐渐提高,对网页的视觉效果也有审美的要求。今天就带大家来熟悉CSS全局变量的魅力,对于页面的主题切换等应用或许是个不错的备选技术。


在 H5 中的动态全局CSS变量的应用 1、定义全局变量 img 2、引入文件

img

3、全局变量使用

img

4、动态修改

img

在 小程序 中的动态全局CSS变量的应用

1、定义全局变量,需注意在 app.wxss 的 page 标签下定义

img

2、变量使用

img

3、动态修改 注意:修改的变量只对当前标签包含的内容生效(即子标签,含引入的组件),因此当我们对页面最外层标签 view 做修改时,修改后的变量只对当前页面内容有效,不同页面不互相影响,但可使用 globalData 全局数据进行修改,实行整个项目通用

img)

img

分享
点赞2
打赏
上一篇:代理工具Fiddler -调试与替换接口状态
下一篇:javaScript数组