@container « 张鑫旭-鑫空间-鑫生活

文章关键字 ‘@container’

CSS @scope他来了

2024年01月21日，星期日

仙人掌封面图

从名称上看，@scope似乎是实现CSS作用域的，这个讨论了近20年的特性终于是要支持了吗，还是并非如此？

阅读全文…

标签：:scope, @container, @counter-style, @font-palette-values, @import, @keyframes, @layer, @media, @property, @supports, 优先级, 作用域, 选择器

发布在 CSS相关 | 7 条评论 »

CSS高宽不等图片固定比例布局的三重进化

2023年07月20日，星期四

封面图

同样的布局效果，在2017年、2021年和2023年有着不同的实现，代码愈发的简洁高效，一起来看看CSS的发展对Web开发的帮助吧。

阅读全文…

标签：@container, aspect-ratio, cqw, flex布局, float, padding, 布局

发布在 CSS相关 | 12 条评论 »

好奇心驱使下试验了chatGPT写CSS代码的能力

2023年03月17日，星期五

chatGpt封面图

想了10个与CSS相关的案例，看看chatGPT的CSS代码水平如何，评估下自己会不会失业，结果惊为天人！

阅读全文…

标签：:is, :where, @container, chatGPT, justify-content, linear-gradient, object-fit, text-align-last, 人工智能

发布在 CSS相关 | 17 条评论 »

又发现一种无需绝对定位就可以元素重叠的CSS技巧

2023年03月15日，星期三

花朵封面

除了absolute绝对定位，margin负值，grid重叠外，我有发现了一种可以让元素叠加的CSS方法，是什么呢？

阅读全文…

标签：@container, container-type, figcaption, grid-area, inline-flex, 元素重叠, 布局

发布在 CSS相关 | 6 条评论 »

介绍2022最期待且已正式支持的CSS container容器查询

2022年09月27日，星期二

封面占位图CSS container

2022年最期待的大杀器CSS特性@container规则和container容器查询Chrome和Safari都已正式支持，来看看其可以做些什么，特性和语法又是什么？

阅读全文…

标签：@container, @media, contain, container-name, container-type, cqw, css相关, font-size, inline-size, margin-inline, vw

发布在 CSS相关 | 8 条评论 »