我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，

背景 先看一个问题：如何动态获取屏幕视口尺寸的大小，显示在页面上。 效果如下： 1. 使用js方式 正常我们的做法是使用js处理，这很简单。 如下所示： 如果只是这样，那就没有意思了。 下面介绍一种方

最近看到了许多关于 :has() 选择器的知识点，在此总结下来。 MDN 对 :has() 选择器 的解释是这样的： 下面一起来感受下 :has() 选择器的强大之处吧。 :has() 选择器选择父元

设计的初衷： 1. 简洁清爽 2. 重点突出 整个页面使用了一个渐变的背景色，重要的内容居中显示，条款等内容右下角小字展示；整个站点以拂晓蓝色调为主...

刚参加工作时被面试官一连串居中问题虐的体无完肤得场景历历在目。“你是如何实现文本的居中的”“如果是多行文本呢”“块级元素的水平居中如何实现”“块级元素的垂直居中如何实现”。。。问到后面脑子里一团浆糊，本来知道的也不知道该如何回答了。居中是日常工作中不可避免要遇到的场景，面试中也…

CSS 变量又称为 CSS 自定义属性，它包含的值可以在整个文档中重复使用。由自定义属性标记设定值（比如： --main-color: black;），由 var() 函数来获取值（比如： color: var(--main-color);） 为什么选择两根连词线（--）表示？…