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

【简介】

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

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

点击查看原文 >>

@技术头条 2022-08-18 23:18 / 原作者微博:@张鑫旭 / 0个评论
赞过的人: @IT技术博客大学习
要不要再学学下面的文章?
时隔两年,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 查看详情
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 background背景图标的变色技巧 (www.zhangxinxu.com)

最近遇到了需要使用CSS让background背景图标的变色的需求场景,使用背景混合模式实现的,可能大家以后也用得到,所以分享下。
by @技术头条 2022-08-18 23:37 查看详情
详解日后定会大规模使用的CSS @layer 规则 (www.zhangxinxu.com)

话就放在这里了,不出三年,CSS @layer 规则一定会在业界遍地开花,到处使用。
by @技术头条 2022-08-18 23:36 查看详情
介绍一种CSS变量未定义语法也OK的小妙招 (www.zhangxinxu.com)
我以为我对 CSS 变量了解够多够深入了,没想到还是有知识的盲区,今天这个小技巧小特性就是其中之一,并且是相当实用的一个特性。
by @技术头条 2022-07-24 20:54 查看详情
CSS必学基础:理解CSS中的级联规则 (www.zhangxinxu.com)

CSS中有两个重要的基础规则,一个是级联(Cascading),一个是继承(Inheritance),本文详细介绍级联规则,理解了级联,就能明白某些看似普通但不解的背后现象的原因。
by @技术头条 2022-06-19 22:55 查看详情
CSS实现滚动高度自动变小的粘滞效果 (www.zhangxinxu.com)

分享一个实用的小布局效果,可以优化粘性定位的效果体验。
by @技术头条 2022-06-19 22:44 查看详情