小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
沉浸式翻译 immersive translate
Dify.AI

CSS下划线,也就是text-decoration属性,现在支持设置下划线的左右缩进了,有兴趣的可以进来快速了解下。

CSS text-decoration-inset属性首发简介

张鑫旭
张鑫旭 · 2026-01-19T04:07:45Z

借助CSS锚点定位,现在,我们可以使用CSS绘制折线,以连接任意位置的任意两个图形,有兴趣的可以进来了解下实现原理。

纯CSS实现折线连接两个任意元素效果

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2026-01-16T12:58:23Z
StyleX与Tailwind:Meta对CSS-in-JS可维护性的看法

Meta推出了StyleX,一个基于React的开源样式系统,旨在解决大规模应用的样式管理问题。与Tailwind不同,StyleX是一个JavaScript库,优化了样式的可维护性和重用性,适用于多种JavaScript框架。

StyleX与Tailwind:Meta对CSS-in-JS可维护性的看法

The New Stack
The New Stack · 2026-01-15T15:34:02Z
精彩动画第8部分:使用CSS相对颜色进行动画主题设计

本文探讨了CSS相对颜色值在SVG图形主题和动画中的应用,作者Andy Clarke分享了如何通过定义基础颜色简化颜色管理,提升设计一致性和可维护性。相对颜色值使动画和颜色变化更灵活,适用于多种交互元素。

精彩动画第8部分:使用CSS相对颜色进行动画主题设计

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2026-01-14T10:00:00Z
大规模CSS解决方案:StyleX

Meta开源了StyleX,旨在解决大规模CSS问题。StyleX结合了CSS-in-JS的易用性与静态CSS的性能,支持组件的原子样式,减少包体积。它已成为Figma和Snowflake等公司的标准,并在Meta多个平台上使用。

大规模CSS解决方案:StyleX

Engineering at Meta
Engineering at Meta · 2026-01-12T18:34:59Z

因为AI编程,Tailwind CSS差点死了

机器之心
机器之心 · 2026-01-10T13:16:20Z
Firefox 开发者工具隐藏未引用的 CSS 变量 (#note)

Firefox 145(2025年11月11日发布)改进了开发者工具,优化了调试CSS变量的体验,减少了自定义属性的混乱。

Firefox 开发者工具隐藏未引用的 CSS 变量 (#note)

Stefan Judis Web Development
Stefan Judis Web Development · 2026-01-09T23:00:00Z
知名前端项目Tailwind CSS开发团队裁员75% 原因是AI编码冲击导致商业营收暴跌

知名前端项目Tailwind CSS因AI冲击裁员75%,商业收入骤降,开发者转向AI查询解决方案,导致文档访问量下降40%。团队担忧未来工具链需更轻便,项目维护频率可能下降。

知名前端项目Tailwind CSS开发团队裁员75% 原因是AI编码冲击导致商业营收暴跌

蓝点网
蓝点网 · 2026-01-08T02:08:41Z

还在使用style元素和innerHTML在页面中插入CSS代码吗?试试使用CSSStyleSheet构造函数吧,更灵活更方便。

学会使用CSSStyleSheet构造CSS样式

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2026-01-05T08:32:39Z

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

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

了迹奇有没
了迹奇有没 · 2025-12-30T12:56:05Z
2025年底的 TailwindCSS 组件库简单横评 - 程序设计实验室

本文探讨了AI时代独立开发者选择TailwindCSS组件库的情况,推荐了shadcn/ui、Flowbite、Rewind-UI等库,分析了它们的特点和适用场景,以帮助开发者快速做出选择。未来组件库可能发展为“大而全”或“小而精”。

2025年底的 TailwindCSS 组件库简单横评 - 程序设计实验室

程序设计实验室
程序设计实验室 · 2025-12-30T09:12:00Z

CSS容器查询,继尺寸查询、滚动查询、锚点查询后,还支持样式查询,直接匹配CSS变量,更关键的是,和attr()、if()等函数配合使用后,场景适应性更是直线攀升。

今日学习CSS style()样式查询及其range范围语法

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2025-12-29T01:10:14Z

CSS锚定定位虽然强大,实用,但是还是有个不足,就是如果元素在边缘处触发候补定位,浏览器是无法感知的,导致很多交互效果并不能纯CSS实现,功亏一篑,现在,Chrome最新版本已经补全了这个不足,CSS锚点定位已经趋于完美,赶快学习起来吧。

补全不足,CSS锚点定位支持锚定容器回退检测了

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2025-12-22T01:00:48Z
精彩动画第七部分:使用CSS和SVG重现卡通文本

本文介绍了如何利用现代CSS和SVG制作卡通文本标题。作者Andy Clarke探讨了卡通标题的排版技巧,强调其在品牌传达和用户体验中的重要性。通过使用文本阴影、描边和背景剪裁等CSS属性,可以有效重现经典卡通标题的视觉效果。

精彩动画第七部分:使用CSS和SVG重现卡通文本

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2025-12-17T10:00:00Z
CSS布局:如何用传统方式‘居中一个Div’

早期互联网使用<center>标签实现网页居中,但W3C在HTML 4.0中弃用该标签,转向CSS布局。尽管CSS Grid和Flexbox简化了居中过程,许多网站仍使用旧代码。可以通过<div>标签设置内容区域的宽度和边距来实现居中。对于多列布局,使用float属性使<div>元素左右浮动,同时需注意比例和清除浮动问题。

CSS布局:如何用传统方式‘居中一个Div’

The New Stack
The New Stack · 2025-12-16T16:00:04Z

CSS又出了个表示进度值的progress()函数,这个函数还是挺实用的,任何与进度值相关的场景都是他的使用场景,不妨进来快速了解一下吧。

CSS progress()函数简介

张鑫旭
张鑫旭 · 2025-12-12T11:15:50Z
状态、逻辑与原生能力:CSS Wrapped 2025

CSS Wrapped 2025 引入了逻辑、状态和复杂交互,使 CSS 不再仅限于样式设计,能够构建动态应用。新特性如可定制选择框、滚动标记和条件语句等,提升了开发效率,减少了对 JavaScript 的依赖,标志着现代 CSS 的重要进步。

状态、逻辑与原生能力:CSS Wrapped 2025

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2025-12-09T10:00:00Z
华为斩获全球首张TAPA CSS证书

华为技术有限公司近日获得全球首张TAPA CSS网络安全标准证书,彰显其在网络安全领域的成就。该标准由运输资产保护协会发布,旨在帮助企业管理供应链风险和数据安全。华为将20项安全要素融入业务流程,以降低网络攻击和信息泄露的风险。

华为斩获全球首张TAPA CSS证书

全球TMT-美通国际
全球TMT-美通国际 · 2025-12-03T07:03:34Z
使用CSS锚点定位的进度条标签

本文介绍了如何使用CSS锚点定位技术,使进度条上的多个标签保持可读性,中心标签动态移动以避免与左右标签重叠。通过定义@position-try规则,浏览器自动调整标签位置,确保中心标签靠近进度提示并保持适当间距,且无需使用JavaScript。

使用CSS锚点定位的进度条标签

1A23 Studio
1A23 Studio · 2025-11-29T04:38:40Z
CSS-in-JS:前端理智的巨大背叛

CSS-in-JS本应简化样式管理,但引入了性能问题和复杂性,导致调试困难,影响用户体验。开发者逐渐认识到传统CSS更高效、易维护。未来应回归简单,尊重Web基本原则。

CSS-in-JS:前端理智的巨大背叛

The New Stack
The New Stack · 2025-11-28T16:00:39Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码