font-style: italic 不起作用的主因是字体本身缺失斜体变体，浏览器不会自动伪造倾斜，需通过 @ […]

手机端横向滚动条主因是元素撑宽视口，如子元素固定宽、图片未限宽、伪元素溢出或 box-sizing 混用；必加 […]

flex-direction 在 rtl 下不会自动翻转，需手动用 [dir=”rtl&#8221 […]

纯 css 无法让伪元素边框自动贴合文字长度，但可用 transform:scalex()配合 inline- […]

图片变形时应设 max-width: 100%、height: auto 和 flex-shrink: 0，避 […]

当页面使用锚点链接（如 #page1）跳转时，目标元素常被固定定位的导航栏遮盖；通过 CSS 的 scroll […]

本文介绍如何使用原生 HTML 和 标签，配合 CSS 动画，零 JavaScript 实现优雅的“显示更多 […]

Shadow DOM 里 :host 和 ::part 的作用完全不同 很多人以为 ::part 是给 Sha […]

本文介绍如何利用 css flexbox 布局，让页面中带固定头部和页脚的主体内容区域自动占据剩余视口高度，并 […]

background-color 动画不生效是因为渐变属于 background-image，需改用 back […]