小红花·文摘

如何使用 CSS 容器查询构建响应式设计和滚动效果

freeCodeCamp.org ·

本文介绍了CSS中的contrast-color()函数，旨在提高无障碍访问的色彩对比度。该函数根据提供的颜色自动返回最适合的黑白对比色，以确保文字的可读性。尽管主流浏览器已支持此功能，但在中国，前端开发者对无障碍特性的关注仍不足。作者认为该函数需改进，若能自动识别背景色和图片，将更具实用性。

算法主题引擎：构建自我校正的颜色系统与 `contrast-color()`

Articles on Smashing Magazine — For Web Designers And Developers ·

本文介绍了CSS属性text-align: match-parent的作用，该属性使元素的对齐方式与父元素一致，解决了特定布局中获取textAlign计算值的问题。尽管使用频率低，但兼容性良好。建议在需要使用text-align: inherit的地方替换为match-parent，以提升代码表现力。

1分钟速度了解text-align match-parent声明

张鑫旭 ·

高级树计数：使用`sibling-index()`和`sibling-count()`的数学布局

Articles on Smashing Magazine — For Web Designers And Developers ·

本文介绍了CSS的新属性caret-shape和caret-animation，用于改变光标形状和控制光标闪烁效果。caret-shape支持条形、方块和下划线等多种形状，caret-animation可自定义光标的闪烁。虽然可以将这三个属性缩写为caret属性，但不建议使用以避免兼容性问题。目前仅Chrome浏览器支持这些特性。

光标的形状也能设置了，就是CSS caret-shape属性

张鑫旭 ·

网络周刊 #192 (#博客文章)

Stefan Judis Web Development ·

作者分享了从Tailwind迁移到更语义化的HTML和原生CSS的经验，强调了CSS结构的重要性。文章探讨了重置样式、组件化CSS、颜色管理、字体大小、实用类、基础样式、间距、响应式设计和构建系统等实践，旨在提升CSS的灵活性和可维护性，并探索更多CSS特性。

Tailwind CSS v4.3：滚动条、新颜色及更多功能

Tailwind CSS Blog ·

Safari技术预览版243发布说明

WebKit ·

作者分享了停止使用Tailwind，转而使用原生CSS的经历，强调了对颜色调色板的需求和可访问性的重要性。推荐了一些调色板和生成器，如uchū、flexoki和合理颜色，并提供了颜色工具的链接，如colorhexa和oklch，以帮助用户理解和使用颜色。

提醒：您可以通过导航将许多小的HTML页面拼接在一起以实现交互

Jim Nielsen’s Blog ·

网页自动化有两种范式：精确指令范式和目标描述范式。前者依赖固定页面结构，执行速度快但维护成本高；后者通过目标描述自我定位，适应性强但速度慢且结果不确定。选择范式取决于任务性质：规则明确的任务用精确指令，需判断的任务用目标描述。两者结合可优化工作流。

从CSS选择器到自然语言：网页自动化的两种范式与取舍框架

暗无天日 ·

在使用nginx部署网页时，样式无法加载，原因是nginx默认将css文件解析为`text/plain`类型。解决方法是在`location`模块中添加配置，重启nginx并清理浏览器缓存。

Nginx 代理静态网站 CSS 解析异常

了迹奇有没 ·

本文介绍了如何使用CSS实现鼠标悬停时人脸表情的变化。通过创建覆盖层和伪元素，用户从不同方向进入时，表情会变为哭丧脸或笑脸。

第十九届软件系统安全赛 CCSSSC 2026 华南区域赛复盘（旅行日记）

GamerNoTitle ·

Rust 1.95.0 版本于2026年4月16日发布，新增 cfg_select! 宏和 match 表达式中的 if-let 守卫，稳定化多个 API。Ironpress 是高性能的 Rust PDF 转换工具，支持多种格式和功能。ndatafusion 项目为 Apache DataFusion 提供线性代数和机器学习能力。Zenoh 1.9.x 版本引入区域架构和 QUIC 传输增强，支持复杂网络拓扑。