text-combine-upright属性可以让2-4个字符合并为一个字符的宽度（浏览器自动字形缩减），不仅可以用在垂直排版中，水平排版中特殊名词缩减合并也是可以使用的。
阅读全文…
标签：direction, text-combine-upright, text-orientation, writing-mode, 文字排版 发布在 CSS相关 | 3 条评论 »
CSS line-break属性专门中文、日文这样的语言设计，主要用来设置一些连字符和中文标点的换行规则，关键时候会有有用，建议进来了解下。
标签：break-all, line-break, overflow-wrap, wbr, word-break, 字符换行 发布在 CSS相关 | 2 条评论 »
aspect-ratio让元素保持固定的高宽比例，很实用，本文会详细介绍该属性在各种场景下的尺寸表现，相信会对您的学习有所帮助的。
标签：aspect-ratio, height, max-height, max-width, min-height, min-width, width, 比例 发布在 CSS相关 | 3 条评论 »
text-underline-offset属性可以设置下划线的偏移位置，可以有效解决中文字体下划线和字符重叠的问题，目前已经可以放心使用了。
标签：border, text-decoration, text-decoration-color, text-decoration-position, text-underline-offset 发布在 CSS相关 | 一条评论 »
::marker是CSS中新出的一种伪元素，用来匹配列表项中的marker box，可以改变项目符号的颜色字体等，甚至改变项目符号内容，填补了CSS以前这块的能力空白。
标签：::after, ::before, ::marker, content, list-item, 伪元素 发布在 CSS相关 | 没有评论 »
本文介绍一种CSS小技巧，可以实现线条从元素或字符的中间穿过，实现不难，但是思路很巧妙，希望本文的技术关键时候可以帮到您。
标签：line-through, perspective, rotateX, rotateY, text-decoration, transform, transform-style, translateZ 发布在 CSS相关 | 没有评论 »
CSS全局关键字包括inherit、initial、unset和revert，其中inherit最实用，其次是revert，本文就简单介绍下revert关键字及其作用。
标签：all, inherit, initial, list-style-type, ol, revert, ul, 全局关键字 发布在 CSS相关 | 2 条评论 »
Web组件开发可能需要引入外部CSS到Shadow DOM中，本文就介绍3种各有优缺点CSS import的方法，帮助大家更好地进行web components组件开发。
标签：@import, adoptedStyleSheets, CSSStyleSheet, export, fetch, Shadow DOM, Web Components 发布在 CSS相关, JS实例 | 4 条评论 »
介绍一个CSS项目，5.9K Star的CSS项目Water.css，适用于简单页面的美化，对于经常需要做演示页面的开发者会很有用。
标签：css reset, dialog, form, normalize.css, ol, quickLayout, Water.css, zxx.lib.css, 按钮, 链接 发布在 CSS相关 | 2 条评论 »
使用Grid布局让元素重叠应该是最佳技术实践了，比margin负值和absolute绝对定位使用更方便，可以使用grid-area和多个其他CSS属性实现，有兴趣可以进来一看究竟。
标签：css相关, figcaption, figure, grid, grid-area, grid-column, grid-row, grid布局, inline-grid, 层叠上下文, 绝对定位 发布在 CSS相关 | 没有评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》。
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信和公众号 微博 掘金 知乎
我的应用
我的应用