CSS :focus-visible
CSS 的 :focus-visible 伪类可以区分一个元素是通过鼠标点击聚焦的，还是通过 Tab...
分类 CSS
文章：10
CSS :focus-visible 伪类
CSS 书写规范
1. 基本规则
使用小写
使用英文，而不是拼音
使用短横线（-）而不是下划线（_）做连接符（好处：①少按一次 shift； ②区别于 js 中变量命名；③IE...
CSS 书写顺序
书写顺序
遵循浏览器渲染顺序，减少浏览器 reflow（回流），提升浏览器渲染 dom 的性能。
定位属性的修改会导致 reflow，改变文字颜色、背景等会使得浏览器...
关于 Serif、Sans-Serif、Monospace 字体
五类（个）字体
CSS 定义了 5 个常用的字体名称：serif、sans-serif、monospace、cursive、fantasy。...
transform 导致 position fixed 失效
position: fixed表示相对于窗口定位，可以让元素不跟随浏览器的滚动条滚动，但是今天却碰到了失效的情况。
原来当父元素设置 transform 时，子元素的...
margin:auto 实现元素绝对居中
在 CodePen 发现了一种不太常见元素绝对居中（水平和垂直）方法，大致思路是使用 margin 和 position 属性。但它并非是将 margin 置为负，而是直接置为 auto，需要说明的是元素需要声明宽/高。