小程序CSS入门

小程序样式课程-第20课-字体-font-variant字体变形

时间:2019/1/2 15:32:31  作者:互联网  来源:网络转载  查看:25852  评论:0
内容摘要:font-variant字体变形基础用法font-variant 属性可以设定小型大写字母。小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。实例p {font-variant:small-caps;}小程序应用Wxml代码&...

font-variant字体变形

基础用法

font-variant 属性可以设定小型大写字母。

小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。

实例

p {font-variant:small-caps;}

小程序应用

Wxml代码

<view>

  <text>默认字体</text>

</view>

 

<view >

  <text class='cls1'>字体 This is font:normal</text>

</view>

<view >

  <text class='cls2'>字体 This is font:small-caps</text>

</view>

Wxss代码

.cls1{

  font-variant: normal;

}

.cls2{

  font-variant: small-caps;

}

效果如下图

  小程序样式课程-第20课-字体-font-variant字体变形

欢迎大家支持我的视频课程:微信小程序样式开发入门 
小程序样式课程-第1课-样式基础-元素选择器

相关评论
评论者:      验证码:  点击获取验证码
咨询QQ/微信:45157718 点击这里给我发消息 | 电话:13516821613 | 浙江杭州余杭区东港路118号雷恩科技创新园 | 网站支持:杭州摇亿网络科技 | 浙ICP备06056032号-6 |