CSS

同一个 CSS 上下文中，有些 CSS 声明需要设置低优先级，且这种优先级不受选择器权重的影响。@layer 规则就是解决上面这种场景应运而生的，可以让 CSS 声明的优先级下降一整个级联级别。

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第12篇文章，点击查看活动详情 介绍 at 规则以 @ 开始，后跟一个标识符，一直到以分号或右大括号结束。 语法 常规规则 @charset 定义

:has(selector) 匹配包含（相对于 selector 的 :scope）指定选择器的元素。它的强大之处是，可以实现父选择器和前面兄弟选择器的功能。支持所有的 CSS 选择符。

页面滚动顶部指示，是在页面上下滚动时，顶部显示一个滚动条，指示页面的滚动距离和页面的滚动高度的比例。

弹性盒关注的是内容，而网格侧重布局。当你使用弹性盒，并发现自己禁用了一些弹性特性，那你可能需要的是 CSS 网格布局。

非语义元素：<div> 和 <span> - 无法提供关于其内容的信息。 语义元素：<form>、<table> 以及 <img> - 清晰地定义其内容。 <section> 表示有主题的内容组，一般

Vue、React 等前端框架的核心特性就是数据绑定和组件复用。而现在浏览器已经实现了自己的 Web Components API，允许创建可重用的定制元素，并且在 web 应用中使用它们。

HTML 5.2 推出了一个新的原生模态对话框元素 <dialog>。<dialog> 可以通过 showModal 方法显示和 ::backdrop 伪元素自定义遮罩层（mask）样式。

easing-function 描述数值变化率的数学函数，可用于 transition-timing-function 属性和 animation-timing-function 属性。这使得可以在动

Web Animations API 可以把 CSS3 实现的 animation 动画由 JS 代码实现。它通过组合两个模型来实现：时序模型（CSS transitions）和动画模型（CSS an

2009年，W3C 提出了一种新的方案----Flex 布局，定义了一种针对用户界面设计而优化的 CSS 盒子模型。目前，它已经得到了所有浏览器的支持。