翻译
关注
分享
扫一扫
文章平均质量分 95
蟹蟹蟹风流
修罗社区 | 掘金优秀创作者 | 清华大学出版社签约作者 | Web3 开发者 | CSDN 银牌讲师 | 蓝桥云课2021年度人气作者Top2 | 工信部蓝桥认证命题人 | CSDN 博客专家 | 腾讯云2022 年度优秀作者 | 阿里云专家博主 | 华为云享专家 | 著作：《前端面试复习笔记》|《Web3 开发系列教程》|《ThreeJS 在网页中创建动画》|《ElementUI 详解与实战》|《PWA 渐进式Web应用开发》
展开
-
CSS自定义属性：引入 | 使用var() | cal()计算 | css 与 js 的连接
CSS 自定义属性 CSS 自定义属性 （也被称为 CSS 变量）,目前从 Can I use 上获取的信息显示除了 Edge外主流浏览器的最新版都已经支持这个特性了，而 Edge 也将支持这个属性。考虑兼容尚未实现此特性的浏览器，那目前最好的选择就是使用 PostCSS。 本篇要点： 自定义属性的概念 var() calc() 引入 自定义属性，是一种开发者可以自主命名和使用......原创 2019-06-19 16:16:54 · 3537 阅读 · 2 评论 -
【CSS】CSS自定义属性进阶使用（一）
进阶使用CSS自定义属性 在之前一篇介绍CSS自定义属性的文章中，我们介绍了什么是CSS自定义属性，var()、calc()。本篇文章中，为了进一步使用它，我们将介绍CSS自定义属性的其他用法。 自定义原则 在传统的CSS中，通常我们需要写重复的属性值，而自定义原则能让我们避免这种情况。做到“一处定义，处处使用”。 :root { --theme-color: gray; } .button......原创 2019-06-19 17:44:00 · 742 阅读 · 0 评论 -
CSS 自定义属性进阶使用 （二）
CSS 自定义属性 进阶（二） 模块化CSS 通常，为了实现可复用可定制的模块，我希望将某个实现抽象化。例如，下面这段CSS代码： .grid { display: flex; flex-direction: row; flex-wrap: wrap; padding: calc(var(--margin) / 2); } .grid > .cell { displa......原创 2019-06-19 21:59:29 · 482 阅读 · 0 评论