用 CSS 设计双屏与折叠设备
一篇发表在 Stephanie Stimac 博客上的文章，标题为 Designing for Dual Screen and Foldable Devices With CSS，链接指向 https://blog.stephaniestimac.com/posts/2023/05/design-foldable-devices/，同时在 Lobste.rs 上也开放了讨论入口 https://lobste.rs/s/si……
包含标签 CSS 的文章
Media Query 失效时，Container Query 与 :has() 如何拯救组件响应式
media query 失效了：屏幕宽度 1200px 时，侧边栏卡片却因父容器太窄而溢出。 Container query 直接针对组件所在容器尺寸生效，:has() 则让父元素能根据子元素是否存在来切换样式，这些新特性把响应式从视口层下沉到组件层。 Container query 把响应式从视口下沉到组件容器 传统响应式完全依赖视口宽度。开发者写下 @media (min-width: 768px) 后，样式只看浏览器……
CSS 实用程序类的三种类型
当我发现“布局原语”时，一场 9.0 级的地震震撼了我的前端世界每个布局.dev 。然后，当我从以下网站了解到流体尺寸和间距标记时，余震袭来：乌托邦.fyi 。它完全改变了我的写作方式超文本标记语言和CSS。 编程是我最开心的时候**组成原语。**如果这些原语处于正确的抽象级别，那么编程就像魔……
现代CSS形状指南
31 min read CSS、工具、指南 毫无疑问，使用 CSS 创建形状是一个经典的练习。在许多情况下，我们尝试使用hacky代码和解决方法，但CSS已经发展，我们有现代方法来创建具有干净，可重用代码的CSS形状。 在这本综合指南中，Temani Afif 探索了使用最小和最灵活的代码创建常见形状的不同技术。 你肯定……
如何将 CSS 链接到 HTML
级联样式表，通常称为 CSS，是为 HTML 文档提供样式的语言。它决定了你的网页应该是什么样子，控制从布局到颜色的所有内容。 了解如何将 CSS 链接到 HTML 对于创建具有视觉吸引力和功能性的网页至关重要。CSS 允许您在多个网页上保持一致的设计，使其成为 Web 开发的基石。 了解基础知识 什么是外部 CSS？ 外部 CSS 是……
