font-variant 和 text-transform有什么区别吗
font-variant 和 text-transform用途上有什么区别吗
1
收起
正在回答
2回答
text-transform 属性控制文本的大小写。
font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
可以通过代码测试效果理解一下
<html>
<head>
<style type="text/css">
p.normal {text-transform:uppercase;}
p.small {font-variant: small-caps}
</style>
</head>
<body>
<p class="normal">This is a paragraph</p>
<p class="small">This is a paragraph</p>
</body>
</html>结果为:
祝学习愉快!
105117201806007477
2018-09-22 15:49:53
text-transform是设置文字的上中下那条横线的，font-variant是设置文字大小写的
normal 默认值。浏览器会显示一个标准的字体。
small-caps 浏览器会显示小型大写字母的字体。
inherit 规定应该从父元素继承 font-variant 属性的值。
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星