睿智

是 CSS 中一个独立的模块，可以让网页容器滚动停止的时候，自动平滑定位到指定元素的指定位置，包含 scroll-* 以及 scroll-snap-* 等诸多 CSS 属性...

①innerText 对比 textContent：innerText 获取的文字的换行符依然保留,在 HTML 中，如果 white-space 不是 pre 或 pre...

①不同字符共用 keyCode：keyCode 值是跟着键盘走的，而不是字符内容，所以我们有时候摁下不同的字符，获取的 keyCode 却是一致的；②相同按键不同 keyC...

①font-variant-east-asian: traditional；②目前，在没有任何外界干预的情况下，一行 CSS 让网站转变成繁体，只在 OS X 和 iOS ...

①inherit、initial、unset 和 revert 都是 CSS 全局关键字；②所谓 “全局关键字”，指的是所有的 CSS 属性都可以使用这几个关键字作为属性值...

①resize 事件 + devicePixelRatio：当用户缩放页面的时候会触发窗体的 resize 事件，以及设备的 devicePixelRatio 也会跟着变化...

①::marker 是 CSS 中新出的一种伪元素，用来匹配列表项中的 “标记盒子”，并可以设置标记盒子里面的内容以及与字符显示相关的 UI；②可以匹配任意设置了 disp...

①text-underline-offset 属性可以用来设置下划线偏移位置；②属性值：auto：默认值；length：长度值；percent：百分比值。百分比是相对于 1...

①aspect-ratio 属性可以明确元素的高宽比例；②在默认情况下，如果容器内的内容非常的多，已经超过了当前设定的比例限制，则此时元素设定的尺寸比例不保留；③如果希望无...

①line-break 属性主要用在 CJK 语言中，也就是中日韩 3 种语言中，其中以中文和日文为主；②属性值：auto：使用默认的换行规则；loose：使用限制性最小的...

①如果只是匹配一个字符，直接使用 replace 就可以了；②replaceAll 方法替换所有匹配的字符串；③replaceAll 语法和 replace 一样，均支持字...

①垂直排版：writing-mode:vertical-lr，但段落中的数字会旋转 90 度；②text-orientation：upright，数字不会旋转，但相关联的数...

①CSS中的line-height-step属性可以让文字内容占据的行高永远是line-height-step属性值的整数倍；②属性值只能是长度值，初始值是0；③line-...

①在不同系统下，会分别显示为24小时制和12小时制；②根据前后输入框尺寸变化大小预估输入框内字符的个数，来判断输入框是24小时制，还是12小时制；③time类型的输入框只能...

①Promise.all()中的Promise序列会全部执行通过才认为是成功，否则认为是失败；成功的返回值是一个数组；②Promise.race()中的Promise序列中...

①用户输入内容，或者粘贴内容，或者拖拽内容到输入框，都会触发input事件，失焦后会触发change事件；②有一个是例外，那就是如果使用value属性赋值，无论是input...

①revert 关键字可以让当前元素的样式还原成浏览器内置的样式；②revert 关键字有时候会和 CSS all 属性一起使用，可以将某个控件元素完全还原为浏览器默认的样...

①user-select 属性可以设置是否允许用户选择页面中的图文内容；②user-modify 属性可以设置是否允许输入框输入内容，以及是否只允许输入纯文本；③user-...

①Reflect 更像是一种语法变体，其挂载的所有方法都能找到对应的原始语法，也就是 Reflect 的替代性非常强；②Reflect 对象挂载了很多静态方法，所谓静态方法...

①CSS 中有 box-shadow 实现盒阴影，drop-shadow () 函数可以实现投影效果，filter 滤镜或者 backdrop-filter 背景滤镜实现高...