[Day3] Playing with CSS Variables and JS

[Day3] Playing with CSS Variables and JS

运用 CSS 和 Javascript 用控制器来改变CSS

需要用到的技巧与练习目标

  1. 原生CSS写变数
  2. input type
  3. forEach
  4. dataset
  5. setProperty

原生CSS写变数

input type

forEach

dataset

setProperty

参考资料来源:
https://muki.tw/tech/native-css-variables/
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/range
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/color


<<:  [Day10] 学习笔记 - 使用 VS Code操作 Git ＆ GitHub

>>:  MLOps在金融产业: 4个步骤建立安全ML环境

Day9 HTML 常用标签： table

表格 (table) 表格是一个由列和栏组成的结构化资料(tabular data)。表格能帮助你快...

TailwindCSS 从零开始 - 切一个响应式留言按钮画面

前面了解基础的使用後，来实战一个简单的留言按钮与如何变成响应式的呈现。 基础架构 有大头照 有留言...

[MSSQL维护] SQL 侦测 - 在忙什麽,为什麽这麽慢~~

不乖,就杀了你 KILL SPID KILL 83 Query在忙什麽? if 1=1 SELECT...

Day10-元件沟通传递(part2)

没有props还可以传资料吗 v-bind和v-on在没有props的情况下一样可以得到父层的资料。...

Day10 - 读 Concurrency is not Parallelism - Rob Pike (五)

昨日有点累，想说打个盹一下，结果醒来就隔天了，铁人赛直接中断。 续上篇，Day9 - 读 Concu...