CSS中有两个重要的基础规则，一个是级联（Cascading），一个是继承（Inheritance），本文详细介绍级联规则，理解了级联，就能明白某些看似普通但不解的背后现象的原因。
阅读全文…
标签：@layer, @media, @supports, cascade, css相关, inherit, 优先级, 样式, 继承, 选择器 发布在 CSS相关 | 没有评论 »
一不留神，又冒出个新的CSS属性scrollbar-gutter，一研究，发现还挺实用，赶快和大家分享分享。
标签：css相关, overflow, overflow-clip-margin, Scroll Snap, scroll-behavior, scrollbar-color, scrollbar-gutter, scrollbar-width, 滚动条 发布在 CSS相关 | 12 条评论 »
解释下为何 flex 布局中， flex-end 对齐不会触发 overflow 滚动效果，以及介绍解决方法，希望可以帮到遇到类似场景的人。
标签：css相关, flex, flex-end, flex布局, justify-content, overflow, 滚动 发布在 CSS相关 | 8 条评论 »
CSS悄然发展，已有CSS行为也跟着发生了变化，content属性就是其一，现在所有现代浏览器都支持普通HTML元素通过content属性改变元素内容，背后的原理和机制是什么呢？
标签：content, css相关, 伪元素, 替换元素 发布在 CSS相关 | 2 条评论 »
分享一点关于Web中空格排版的小知识，希望对大家的学习有所帮助。
标签：css相关, nowrap, pre-wrap, white-space, 字符换行, 空格 发布在 CSS相关 | 5 条评论 »
本文介绍如何使用纯CSS方法，实现某个元素在水平滚动的时候跟着滚，垂直滚动的时候固定效果，反之同样适用，丰富demo，有视频效果示意，希望可以帮到您的学习。
标签：css相关, position, sticky, 滚动, 滚动条, 粘性定位, 表格 发布在 CSS相关 | 9 条评论 »
HTML中有个属性draggable可以设置元素能否拖拽，那么CSS中有没有什么属性可以设置元素的拖拽权限呢？
标签：-webkit-user-drag, css相关, draggable, user-modify, user-select, 拖拽 发布在 CSS相关 | 8 条评论 »
CSS revert是一个新出来的全局关键字，在使用display显示元素的时候，revert可以提高我们的开发体验，简化我们的实现。
标签：all, css相关, display, list-item, revert, 全局关键字 发布在 CSS相关, JS实例 | 7 条评论 »
使用Grid布局让元素重叠应该是最佳技术实践了，比margin负值和absolute绝对定位使用更方便，可以使用grid-area和多个其他CSS属性实现，有兴趣可以进来一看究竟。
标签：css相关, figcaption, figure, grid, grid-area, grid-column, grid-row, grid布局, inline-grid, 层叠上下文, 绝对定位 发布在 CSS相关 | 一条评论 »
详细介绍CSS ::part伪元素，以及和Shadow DOM中<slot>一起使用的细节知识，多个demo和截图，希望可以帮到您的学习。
标签：::part, css相关, display:flow-root, Shadow DOM, slot, Web Components, 伪元素, 选择器 发布在 CSS相关 | 一条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信和公众号微博掘金知乎头条B站Gitee
我的应用
我的应用