睿智

①@container 规则，也称 @container 查询，可以实时匹配指定为容器元素的尺寸，开发者可以基于不同的尺寸范围，对内部的元素进行特定的样式设置与布局实现；②@media 匹配的是浏览器

①现代浏览器目前已经全面支持了 #RRGGBBAA 颜色，其中 R，G，B 还是原来的十六进制表示的 RGB 色值，范围从 00-FF，至于这里新出现的 AA，则表示透明度，范围也是 00-FF；②#

①iOS 13.7+，以及 Chrome77 + 新支持了一个 HTML 属性 enterkeyhint，可以修改软键盘中的 enter 键，也就是回车键的文案或者 UI；②属性值包括：1、enter

①单词 turbulence 是 “湍流” 的意思，也就是混乱无章的气流。因此 feTurbulence 滤镜也叫作湍流滤镜，feTurbulence 湍流滤镜就有这样的能力，可以用来实现云朵、大理石

①浏览器不支持 style 的 scope 属性，实现 CSS 作用域的方法是设置了 scoped 属性的 style 元素内的 CSS 选择器添加随机的属性选择器，然后模块内模板 HTML 也都增加

①Chrome 浏览器在用户使用了自动填充功能的情况下，autocomplete="off" 无效；②Safari 浏览器在 username，email 和 password 文本框的时候，关闭自动

①img 元素如果因为网络或者跨域限制等原因无法正常加载，在默认情况下会显示浏览器默认的 “裂开” 的图片效果，如果设置了 alt 属性值，则 alt 属性对应的内容也会一并显示；②传统的图片加载异常

①CSS :focus-within 伪类选择器和 IE8 就开始支持的:focus 可以说是近亲，区别在于:focus 表示当前元素处于 focus 状态时候干嘛干嘛，而:focus-within

①夜黑模式的检测：如果是在 APP 中，可以让 APP 传个标志量；如果是纯 Web，则在现代浏览器下，可以使用 prefers-color-scheme 查询语句，属性值包括：no-preferen