CSS background背景图标的变色技巧--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

CSS background背景图标的变色技巧 (www.zhangxinxu.com)

【简介】

最近遇到了需要使用CSS让background背景图标的变色的需求场景，使用背景混合模式实现的，可能大家以后也用得到，所以分享下。

由 @技术头条 2022-08-18 23:37 / 原作者微博：@张鑫旭 / 0个评论

时隔两年，Chrome也支持round等CSS数学函数了 (www.zhangxinxu.com)

本文介绍了CSS中的数学函数 `round()` 的新应用，它能实现多种取整方式，如上舍、下舍、四舍五入等，用于提升样式的精确控制。特别是在字体大小、动画步阶和响应式设计中，`round()` 可防止小数值带来的渲染偏差，使界面更一致。这一函数现已在Chrome中支持，为开发者提供了更灵活的布局工具。

by @技术头条 2024-11-02 16:22 查看详情

如何使用纯CSS鉴别是不是Safari浏览器 (www.zhangxinxu.com)

如何通过纯 CSS 来判断是否为 Safari 浏览器？本文介绍了多种实用技巧和 @supports 规则的使用，帮助开发者轻松检测并处理 Safari 特有的样式兼容性问题。无论是桌面还是 iOS Safari，本文都有详细的解决方案！

by @技术头条 2024-09-09 23:40 查看详情

OpenTelemetry 深度定制：跨服务追踪的实战技巧 (crossoverjie.top)

本文总结了如何在OpenTelemetry中实现自定义仪表化。作者介绍了如何使用OpenTelemetry SDK为应用程序创建自定义的追踪和指标，涵盖了如何定义新的Span和指标类型，以便捕获特定的业务逻辑数据。文章提供了代码示例，展示如何通过配置实现这些自定义功能。此外，还讨论了将数据导出到后端系统进行分析的步骤。

by @技术头条 2024-08-06 08:08 查看详情

专为技术写作人员提供的 7 条 Git 技巧 (linux.cn)

Git 帮助我跟踪内容的版本，并与开源社区进行协作。它是我存储工作成果、共享和讨论改进的重要工具。我主要使用的工具包括浏览器、用 OpenSSH 连接 Foreman 实例、用 Vim 编辑源文件，以及使用 Git 进行版本控制。

本文重点介绍在开始使用 Git 和为 Foreman 文档做贡献时经常遇到的挑战。适用于中级 Git 用户。

by @技术头条 2023-07-30 17:35 查看详情

技术领域小白必不可少的工作技巧和诀窍 (linux.cn)

刚刚入职那几天确实令人害怕。我现在依然可以清晰举出很多例子，例如在第一天上班前的晚上无法入睡，因为不知道第二天将要发生什么而内心崩溃。对于大多数人来说，开始一份新工作就像踏入未知领域。即使你已是行业的资深人士，不可否认的是，你内心可能还是会对即将发生的事情感到有点害怕。

可以理解的是，刚入职的时候你的事情很多。你要认识新的人，有新的项目和技术要了解，有文档要阅读，有教程要看完，还有没完没了的人事培训和要填的文件。这可能让你感觉压力山大，再加上你还面临着相当大程度的不确定性和未知数，以上种种能引起焦虑。

促使我写这篇文章有两个原因，首先是在我还是学生的时候，大部分讨论都围绕着如何找一份技术工作，却没有人谈论接下来发生的事情。如何在新角色中脱颖而出？现在回过头来看，我想我当时认为最困难的事情是得到一份工作，之后发生什么的一切我都可以自己弄清楚。

同样的，在我开始在这个行业工作之后，我发现大部分我看到的与职业相关的内容都是讨论如何从一个高级职位升到另一个高级职位。没有人真正谈论在此中间我们要做什么。实习生和初级工程师呢？他们在早期职业生涯中如何找到方向？

在拥有了三年全职软件工程师的经验（以及之前的几次实习）之后，我将这段时间的经历进行了复盘，并整理出一份我自己在适应新技术职位时使用过的技巧和诀窍清单。我想不只局限于前面的几个月，而是优先考虑如何让这段经历帮助你实现长期的成功。

by @技术头条 2023-04-09 21:44 查看详情

CSS fixed固定定位transofrm失效及居中小技巧 (www.zhangxinxu.com)

介绍个我认为最好的固定居中定位的CSS实现，以及展示transform内fixed固定定位失效的解决方法，你说不定哪天就会用到。

by @技术头条 2023-02-12 14:01 查看详情

Tips: 使用CSS逻辑属性简化我们的书写 (www.zhangxinxu.com)

原本以为CSS逻辑属性只能在对称布局这样少见的场景中才有用武之地，最近发现，CSS逻辑属性还有简写的作用，这可牛逼坏了~

by @技术头条 2022-12-24 23:31 查看详情

整洁架构之CSS (insights.thoughtworks.cn)

虽然开发工具早已经从 preprocessor 进化到了 styled component，但在我看来新的工具并没有让我们的样式代码写的更好，只是更快——也可能会让代码坏的更快。工具的繁荣并没有让那些导致代码难以维护的根本问题烟消云散，而是更易让我们对其视而不见。这篇文章旨在回答一个问题：为什么样式代码难以写对，它的陷阱究竟在哪里？

by @Thoughtworks 2022-09-08 17:45 查看详情

详解日后定会大规模使用的CSS @layer 规则 (www.zhangxinxu.com)

话就放在这里了，不出三年，CSS @layer 规则一定会在业界遍地开花，到处使用。

by @技术头条 2022-08-18 23:36 查看详情

CSS排版为何强？瞧瞧多牛这换行 (www.zhangxinxu.com)

在 CSS 这门语言中，凡是 Web 中的换行规则都可以改变，无论是中文的还是英文的，灵活到超出你的想象，非常强大！

在文字内容排版这块，CSS 是计算机领域中无可争议的霸主气，什么 SVG 什么 canvas 根本就是望尘莫及。

by @技术头条 2022-08-18 23:18 查看详情