想了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 条评论 »
妈妈再也不用担心我的input=file文件选择选择框长得太丑了!
标签:::-ms-browse, ::-webkit-file-upload-button, ::file-selector-button, File, input, 伪元素 发布在 CSS相关 | 3 条评论 »
介绍一个更容易记忆与理解的@media设备尺寸媒体查询语法,过去的min-width和max-width可以说再见了~
标签:@media, media queries, postcss, range, text-fill-color, text-stroke 发布在 CSS相关 | 2 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee