本文介绍如何使用纯CSS方法，实现某个元素在水平滚动的时候跟着滚，垂直滚动的时候固定效果，反之同样适用，丰富demo，有视频效果示意，希望可以帮到您的学习。
阅读全文…
标签：css相关, position, sticky, 滚动, 滚动条, 粘性定位, 表格 发布在 CSS相关 | 9 条评论 »
HTML中有个属性draggable可以设置元素能否拖拽，那么CSS中有没有什么属性可以设置元素的拖拽权限呢？
标签：-webkit-user-drag, css相关, draggable, user-modify, user-select, 拖拽 发布在 CSS相关 | 11 条评论 »
本文展示大量使用HTML hr标签实现的分隔线效果，语义好，效果也好，直接复制粘贴就能使用，进来看看CSS + hr标签能玩出什么花吧~
标签：border-image, hr, html, mask-image, radial-gradient, repeating-linear-gradient, 波浪线, 虚线, 边框 发布在 CSS相关, HTML相关 | 10 条评论 »
CSS revert是一个新出来的全局关键字，在使用display显示元素的时候，revert可以提高我们的开发体验，简化我们的实现。
标签：all, css相关, display, list-item, revert, 全局关键字 发布在 CSS相关, JS实例 | 7 条评论 »
line-height属性大家都知道，那么CSS line-height-step属性又是什么作用呢？一起来一探究竟吧。
标签：line-height, line-height-step, 行高 发布在 CSS相关 | 4 条评论 »
text-combine-upright属性可以让2-4个字符合并为一个字符的宽度（浏览器自动字形缩减），不仅可以用在垂直排版中，水平排版中特殊名词缩减合并也是可以使用的。
标签：direction, text-combine-upright, text-orientation, writing-mode, 文字排版 发布在 CSS相关 | 6 条评论 »
CSS line-break属性专门中文、日文这样的语言设计，主要用来设置一些连字符和中文标点的换行规则，关键时候会有有用，建议进来了解下。
标签：break-all, line-break, overflow-wrap, wbr, word-break, 字符换行 发布在 CSS相关 | 6 条评论 »
aspect-ratio让元素保持固定的高宽比例，很实用，本文会详细介绍该属性在各种场景下的尺寸表现，相信会对您的学习有所帮助的。
标签：aspect-ratio, height, max-height, max-width, min-height, min-width, width, 比例 发布在 CSS相关 | 6 条评论 »
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相关 | 5 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎头条B站Gitee
我的应用
我的应用