摘要：前段时间试译了的好书，其中的第二章，书中对的讲解和举例可以说相当全面，看完之后发现自己并不太懂相对单位，也希望分享给大家，所以有了这个译文系列。
前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》，其中的第二章《Working with relative units》，书中对relative units的讲解和举例可以说相当全面，看完之后发现自己并不太懂CSS相对单位，也希望分享给大家，所以有了这个译文系列。（若有勘误或翻译建议，欢迎 Github PR ^_^）
《别说你懂CSS相对单位》系列译文：
如何更愉快地使用em
如何更愉快地使用rem
视口相关单位的应用
无单位数字和行高
CSS自定义属性 [本文]
本文对应的章节目录：
2.6 自定义属性（也叫“CSS变量”）
2.6.1 动态改变自定义属性的值
2.6.2 通过JavaScript改变自定义属性的值
2.6.3 初探自定义属性
总结
译者说
在今年年初，我也写过一篇《CSS Variables学习笔记》，里面有更多的CSS Variables的语法解释和实例demo，感兴趣的朋友可以看看 ：）
本文也是《别说你懂CSS相对单位》系列的最后一篇，感谢小伙伴们的支持和建议，enjoy
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/113605.html
摘要：无单位数字和行高有一些属性可以接收不带单位的数值意思就是一个不带长度单位的数字，如和等于，等于，如此类推。警告不带单位的只可以表示长度单位和百分比的值，譬如和。段落继承了的行高。长度有两种类型绝对的和相对的。 前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》，其中的第二章《Working with relative units》，书中对relative ...
摘要：还有视口相关单位，依赖浏览器的视口大小来定义长度的。如果你不熟悉视口相关单位的话，在这里简单介绍一下。笔记视口相关单位对于大多数浏览器还是一项比较新的特性，所以当你试图把这个特性和其他样式混搭时，有可能会有一些很奇怪的。 前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》，其中的第二章《Working with relative units》，书中对rel...
摘要：值得注意的是，这个设置对使用或其他绝对单位定义的字号大小无效。事实上，提供了一个在和间的相对单位折中解决方案，而且更易于使用。图使用相对单位和继承字号的面板下面是模板，加到你的页面吧。 showImg(https://segmentfault.com/img/bVbdOMr?w=920&h=450); 前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》，其...
摘要：相对单位的值会根据外部影响因素的变化而变化。很自然，相对单位使用起来会比较困难。在本章中，我将揭开相对单位的神秘面纱。重点来了，使用相对单位声明的值会由浏览器转化为一个绝对值，我们称之为计算值。 showImg(https://segmentfault.com/img/bVbdtsA); 前段时间试译了Keith J.Grant的CSS好书《CSS in Depth》，其中的第二章《W...
摘要：知道存在是很有用的，这样当你在别人的代码中遇到它时，你就知道它是什么了。如上面所示的示例所示，元素选择器具有很低的特殊性。类选择器具有更高特殊性，所以将战胜元素选择器。个位在整个选择器中每包含一个元素选择器或伪元素就在该列中加分。 在实际的工作中，我们可能还有些疑惑，当有多个选择器作用在一个元素上时，哪个规则最终会应用到元素上？其实这是通过层叠机制来控制的，这也和样式继承(元素从其父元...
阅读 2472·2021-09-09 09:33
阅读 2641·2019-08-30 15:54
阅读 2682·2019-08-30 14:21
阅读 2233·2019-08-29 17:15
阅读 3457·2019-08-29 16:13
阅读 2578·2019-08-29 14:21
阅读 3298·2019-08-26 13:25
阅读 1838·2019-08-26 12:14
