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

bl blog.delphij.net / 2026-05-17 14:50

CSS 中的标点悬挂及其现状

本文从中文网页排版中一个容易被忽略的细节切入，解释了标点悬挂如何通过让行首或行尾标点略微越出文本边界，改善段落视觉对齐与阅读体验。

文章不仅介绍了 hanging-punctuation 的 CSS 语法和取值，还用 Safari 与 Chrome 的显示差异说明标准实现与现实兼容性之间的落差。它的价值不在于提供复杂方案，而在于提醒前端开发者：中文排版质量并不只取决于字号、行高和字体，标点、对齐边界和浏览器实现同样会影响最终阅读体验。

对于做内容站、博客、出版类页面或重视中文阅读体验的产品团队，这是一篇短小但有启发性的技术观察。

查看详情

无图

zh www.zhangxinxu.com / 2026-05-07 14:28

如何使用CSS判断鼠标从哪个方向进入元素？

使用CSS绘制的一个人脸后，如果我希望如果用户鼠标从上面进入，表情变成哭丧脸；从下方进入，变成笑脸，该如何实现？

查看详情

无图

zh www.zhangxinxu.com / 2024-11-02 16:22

时隔两年，Chrome也支持round等CSS数学函数了

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

查看详情

无图

zh www.zhangxinxu.com / 2024-09-09 23:40

如何使用纯CSS鉴别是不是Safari浏览器

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

查看详情

无图

cr crossoverjie.top / 2024-08-06 08:08

OpenTelemetry 深度定制：跨服务追踪的实战技巧

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

查看详情

无图

li linux.cn / 2023-07-30 17:35

专为技术写作人员提供的 7 条 Git 技巧

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

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

查看详情

无图

li linux.cn / 2023-04-09 21:44

技术领域小白必不可少的工作技巧和诀窍

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

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

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

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

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

查看详情

无图

zh www.zhangxinxu.com / 2023-02-12 14:01

CSS fixed固定定位transofrm失效及居中小技巧

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

查看详情

无图

zh www.zhangxinxu.com / 2022-12-24 23:31

Tips: 使用CSS逻辑属性简化我们的书写

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

查看详情

无图

in insights.thoughtworks.cn / 2022-09-08 17:45

整洁架构之CSS

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

查看详情

无图

CSS background背景图标的变色技巧

赞过的人

发表评论

CSS background背景图标的变色技巧

赞过的人

发表评论

相关分享