大佬教程收集整理的这篇文章主要介绍了‘font-‘vs’text-‘在CSS属性名称中,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
例如,为什么我们有这些CSS属性:
font-size: 34px; text-decoration: underline;
而不是像这样命名?
font-size: 34px; font-decoration: underline;
还是这样?
text-size: 34px; text-decoration: underline;
在这里使用font-和text-的方式有不同的语义差异,还是前缀的选择完全是任意的?
字体:字符的形状.
您可以下划线用某种字体绘制的文本,但是您不能下划线字体本身,因为它是与字符绑定的形状的集合.但是,您可以调整形状的大小,以便使用该字体绘制的文本绘制得更大. (因此,字体大小)
这也是为什么你有font-style:italic而不是text-style:italic,因为当你有斜体时,实际的形状会改变.与font-weight和text-weight相同.
希望这可以帮助 :)
编辑:
如果您查看从文本开始的属性,以及从字体开始的属性,您可以看到一个明显的区别:
text-align text-decoration text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap
都用于已经绘制的文本的定位或视觉更改.
font font-family font-size font-style font-variant font-weight @font-face font-size-adjust font-stretch
都用于屏幕上显示字符的方式.
以上是大佬教程为你收集整理的‘font-‘vs’text-‘在CSS属性名称中全部内容,希望文章能够帮你解决‘font-‘vs’text-‘在CSS属性名称中所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。