标签：css
每当我开始一个新项目时，首要任务就是磨平CSS语言中的一些粗糙边缘。我通过一套功能性的自定义基线样式来做到这一点。 很长一段时间，我使用的是Eric Meyer著名的CSS重置。这是一段结实的CSS代码，但现在有点过时了；它已经十多年没有更新了，而且自那时以来发生了很多变化！ 最...
我一直知道有 scripting CSS 媒体特性，但我仍然以为它的跨浏览器支持不足。根据 caniuse.com 的信息，发现截至2023年12月，所有现代浏览器都已支持这一特性，这真是一个令人愉快的惊喜。有了这个特性，我们可以根据用户浏览器中是否可用 JavaScript 来...
压缩CSS有助于提高网站性能。但是作为开发者，我们真的不再讨论压缩CSS了。 为什么？ 简而言之，现代技术栈已经改进了CSS的传输和优化，使其实际上不再是一个问题。HTTP/2和现代压缩算法在很大程度上解决了CSS的高效和性能传输问题，而现代前端框架则负责处理诸如代码分割和压缩...
注：文章的“砖石”指 “masonry”，“网格”指 “grid”，分别是两种布局设计。 Chrome 团队渴望在Web上实现 masonry（砖石）类型的布局。然而，我们认为，按照最近WebKit帖子中提出的方式，将其作为CSS Grid规范的一部分来实现将是一个错误。...
我更关心选项卡行为，而不是 CSS masonry（砖石）的语法和名称
最近有很多关于 CSS masonry 的讨论。它应该被称为“砖石”，而且应该使用网格吗？让我们先关注基础知识吧。 在 2022 年，我制作了这个网站：成为浏览器的导师，而不是微观管理者。上面有一些关键原则，是一个不错的瓷砖集合。 Arc 中的瓷砖 —— 一个 Chromiu...
这是我的说法：作为一个文明，我们忘记了如何居中对齐。 我的意思是，我们知道如何做到这一点。这从未如此简单过： display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ （...
每当有关 CSS 特异性（以及级联本身）的文章发布时，我都会感到非常兴奋，因为这是语言的核心概念，每个人都应该了解。关于这个主题的文章越多越好！ 但是，有时我也会皱一下眉头，因为不幸的是，我有时会遇到一些完全错误的东西。 为了消除一些混淆，这里列出了关于 CSS ...
`contrast-color()` 是个好东西，但在错误的层面上解决问题
浏览器是想象力的失败。 我知道，新的浏览器特性和功能需要谨慎推出，因为需要适应广泛的技术素养和熟悉程度。更不用说根深蒂固的肌肉记忆和对变化的抗拒风险。 即便如此，从长期来看，网络浏览器的融合进化让我感到不满。 对于那些日复一日使用这些应用程序的人来说，真正有益的功能却让位于诸如优...
HTML中的<style>标签被低估了 <style> 元素必须包含在文档的 中。通常，最好将你的样式放在外部样式表中，并使用 元素应用它们。 -- MDN 然而，在某些情况下，使用<style>标签可以带来性能上的提升，并且已经有尝试利用这一优势。 <head> ...
HTML5和CSS3在很久以前的到来是网络历史上的一个巨大里程碑。这些更新规范的重要性无法被过分强调，因为它们是网络发展过程和标准机构工作方式的真正“重置”。 但我们在2024年，我们还在用…HTML5和CSS3？《嗯》🤔 我们会把HTML的故事留到另一个日子，但关于CSS，显...