这个CSS属性至少99%的人都没见过。
阅读全文…
标签:gap, margin, margin-block, margin-inline, margin-trim 发布在 CSS相关 | 13 条评论 »
一不留神,又发现了一个CSS全局关键字revert-layer,一番研究后,终于知道干嘛用的了,这个值以后@layer大火的时候会很有用。
标签:@layer, color, inherit, initial, revert, revert-layer, unset, 全局关键字 发布在 CSS相关 | 4 条评论 »
想了10个与CSS相关的案例,看看chatGPT的CSS代码水平如何,评估下自己会不会失业,结果惊为天人!
标签::is, :where, @container, chatGPT, justify-content, linear-gradient, object-fit, text-align-last, 人工智能 发布在 CSS相关 | 17 条评论 »
除了absolute绝对定位,margin负值,grid重叠外,我有发现了一种可以让元素叠加的CSS方法,是什么呢?
标签:@container, container-type, figcaption, grid-area, inline-flex, 元素重叠, 布局 发布在 CSS相关 | 6 条评论 »
Safari啊Safari,都这个年代了,你还支持text-align-last作甚,当年千呼万唤你不出来,如今无人问津了却粉墨登场,唉,支持总归不必支持好,在单行内容的纯文本控制领域,这个属性还是有个无可替代的优势的。
标签:flex, text-align, text-align-last, text-align:justify, text-decoration 发布在 CSS相关 | 7 条评论 »
介绍7个全新的CSS颜色函数,虽然不算特别深入,但也算是CSS颜色这块比较有含金量的介绍文章了,里面全部都是以前不知道的知识,不得不感叹,颜色这东西,若要深究,怕是比贝加尔湖还要深。
标签:color, color-mix, hsl, hsla, hwb(), lab(), lch(), oklab(), oklch(), RGB, rgba 发布在 CSS相关 | 一条评论 »
介绍个我认为最好的固定居中定位的CSS实现,以及展示transform内fixed固定定位失效的解决方法,你说不定哪天就会用到。
标签:absolute, margin:auto, position, sticky, 固定定位, 粘性定位, 绝对定位 发布在 CSS相关 | 9 条评论 »
原本以为CSS逻辑属性只能在对称布局这样少见的场景中才有用武之地,最近发现,CSS逻辑属性还有简写的作用,这可牛逼坏了~
标签:border-block, CSS逻辑属性, direction, inset(), margin-block, margin-inline, text-orientation, writing-mode 发布在 CSS相关 | 9 条评论 »
介绍在Web布局中,我所知道的与倒序排列,或反向布局,或任意位置设置相关的属性和技术,肯定还有其他策略,欢迎补充。
标签:animation-direction, direction, flex-direction, grid-auto-flow, order, reversed 发布在 CSS相关 | 8 条评论 »
有些看起来简简单单的CSS属性,深究起来,其背后的知识量却是惊人的大!比方说list-style-type属性。
标签:::marker, @counter-style, counter, counters, list-item, list-style-type 发布在 CSS相关 | 3 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee