今天好好了解了下kbd、var、samp等HTML,发现以前表示前端源代码的方式简单且浅薄了。
文章关键字 ‘var’
HTML kbd、var、samp元素你使用过没?
2023年07月31日,星期一我是如何通过CSS向JS传参的
2020年02月13日,星期四介绍两种我常用的将CSS媒体查询信息传递给JS的方法,一种是伪元素+content属性发,一种是CSS var自定义属性方法,这样传参有助于降低开发成本,让CSS和JS在一些条件信息上保持一致。
HTML静态页面原型交付工具“魔卡”简介
2019年07月19日,星期五如果你的主要工作内容就是重构HTML静态页面,则本文介绍的“魔卡”工具会很适合你。头尾公用,支持简易CSS变量,支持http服务以及JS,CSS合并,都是专门为HTML静态页面开发定制的功能。本工具极简免安装,非常轻量。
小tips: 如何借助content属性显示CSS var变量值
2019年05月28日,星期二借助CSS计数器,我们可以巧妙地实现CSS var变量值在页面中呈现的效果。这是一个所有CSS开发人员都必须要掌握的一个小技巧。
你用的那些CSS转场动画可以换一换了
2019年05月27日,星期一本文主要介绍N多种全新的动画过场效果,实现简单,体验俱佳,主要用到的技术是clip-path和mask遮罩,以及CSS变量和animation的创新实现方法,一定会有所收获的。
使用“变量种子计数器”扩展CSS动画更多可能性
2019年05月17日,星期五有些CSS属性,例如background-image
渐变不能使用CSS animation
动画,那有没有什么办法可以让渐变支持设置动画呢?本文就将介绍我最近研究的一个小成果,可以实现background-image
渐变的动画效果。
CSS var变量的局部作用域(继承)特性
2019年01月26日,星期六最近做项目,发现CSS变量一个有意思的特性,那就是变量作用域非全局,于是,我们可以放心大胆使用CSS变量给伪元素传参了。这样,以前一些很啰嗦的实现现在就可以变得非常简洁。
CSS届的绘图板CSS Paint API简介
2018年11月26日,星期一本文介绍CSS Paint API,CSS Paint API是CSS Houdini的一部分,是目前应用比较多的API之一,其是做什么用的呢?有什么好处呢?本文就将通过一个简单的案例,带你快速了解CSS Paint API,本文属于前端技术广度方面的学习,博闻强识。
CSS前景背景自动配色技术简介
2018年11月18日,星期日CSS越来越强,现在已经可以实现根据不同的背景色显示不同的前景色进行匹配了,例如右图GIF图片所示,背景色一开始深色,文字颜色为白色,当背景色逐渐变淡的时候,文字颜色也从原来的白色变成黑色了,同时边框也显示出来了,以便有更好的识别度。如何实现的呢?去文中一探究竟吧~
如何在HTML和JS中设置和获取var CSS变量
2018年11月16日,星期五我们在CSS文件或者CSS语法中使用CSS原生变量驾轻就熟,但是如何通过JS代码动态创建或者改变CSS变量值怕是很多人就不知道了。本文就演示下如何在HTML标签和JS中设置CSS3 var变量,如何使用JS代码获取CSS变量值。本文不啰嗦,希望可以帮到你。