https://index.zshipu.com/geek001/tags/CSS/ Recent content in CSS on 知识铺的博客 Hugo -- gohugo.io zh-CN Wed, 02 Sep 2026 00:00:00 +0000 https://index.zshipu.com/geek001/post/20260902/Media-Query-%E5%A4%B1%E6%95%88%E6%97%B6Container-Query-%E4%B8%8E-has-%E5%A6%82%E4%BD%95%E6%8B%AF%E6%95%91%E7%BB%84%E4%BB%B6%E5%93%8D%E5%BA%94%E5%BC%8F/ Wed, 02 Sep 2026 00:00:00 +0000 https://index.zshipu.com/geek001/post/20260902/Media-Query-%E5%A4%B1%E6%95%88%E6%97%B6Container-Query-%E4%B8%8E-has-%E5%A6%82%E4%BD%95%E6%8B%AF%E6%95%91%E7%BB%84%E4%BB%B6%E5%93%8D%E5%BA%94%E5%BC%8F/ media query 失效了：屏幕宽度 1200px 时，侧边栏卡片却因父容器太窄而溢出。 Container query 直接针对组件所在容器尺寸生效，:has() 则让父元素能根据子元素是否存在来切换样式，这些新特性把响应式从视口层下沉到组件层。 Container query 把响应式从视口下沉到组件容器 传统响应式完全依赖视口宽度。开发者写下 @media (min-width: 768px) 后，样式只看浏览器 https://index.zshipu.com/geek001/post/20240801/CSS-%E5%AE%9E%E7%94%A8%E7%A8%8B%E5%BA%8F%E7%B1%BB%E7%9A%84%E4%B8%89%E7%A7%8D%E7%B1%BB%E5%9E%8B--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 01 Aug 2024 05:36:01 +0000 https://index.zshipu.com/geek001/post/20240801/CSS-%E5%AE%9E%E7%94%A8%E7%A8%8B%E5%BA%8F%E7%B1%BB%E7%9A%84%E4%B8%89%E7%A7%8D%E7%B1%BB%E5%9E%8B--%E7%9F%A5%E8%AF%86%E9%93%BA/ 当我发现“布局原语”时，一场 9.0 级的地震震撼了我的前端世界每个布局.dev 。然后，当我从以下网站了解到流体尺寸和间距标记时，余震袭来：乌托邦.fyi 。它完全改变了我的写作方式超文本标记语言和CSS。 编程是我最开心的时候**组成原语。**如果这些原语处于正确的抽象级别，那么编程就像魔 https://index.zshipu.com/geek001/post/20240507/%E7%8E%B0%E4%BB%A3CSS%E5%BD%A2%E7%8A%B6%E6%8C%87%E5%8D%97--%E7%9F%A5%E8%AF%86%E9%93%BA/ Tue, 07 May 2024 10:24:47 +0000 https://index.zshipu.com/geek001/post/20240507/%E7%8E%B0%E4%BB%A3CSS%E5%BD%A2%E7%8A%B6%E6%8C%87%E5%8D%97--%E7%9F%A5%E8%AF%86%E9%93%BA/ 31 min read CSS、工具、指南 毫无疑问，使用 CSS 创建形状是一个经典的练习。在许多情况下，我们尝试使用hacky代码和解决方法，但CSS已经发展，我们有现代方法来创建具有干净，可重用代码的CSS形状。 在这本综合指南中，Temani Afif 探索了使用最小和最灵活的代码创建常见形状的不同技术。 你肯定 https://index.zshipu.com/geek001/post/20240507/%E5%A6%82%E4%BD%95%E5%B0%86-CSS-%E9%93%BE%E6%8E%A5%E5%88%B0-HTML--%E7%9F%A5%E8%AF%86%E9%93%BA/ Tue, 07 May 2024 10:23:47 +0000 https://index.zshipu.com/geek001/post/20240507/%E5%A6%82%E4%BD%95%E5%B0%86-CSS-%E9%93%BE%E6%8E%A5%E5%88%B0-HTML--%E7%9F%A5%E8%AF%86%E9%93%BA/ 级联样式表，通常称为 CSS，是为 HTML 文档提供样式的语言。它决定了你的网页应该是什么样子，控制从布局到颜色的所有内容。 了解如何将 CSS 链接到 HTML 对于创建具有视觉吸引力和功能性的网页至关重要。CSS 允许您在多个网页上保持一致的设计，使其成为 Web 开发的基石。 了解基础知识 什么是外部 CSS？ 外部 CSS 是