100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-style字体风格

微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-style字体风格

时间:2020-08-28 17:58:03

相关推荐

微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-style字体风格

font-style字体风格

微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:/topic/huangjuhua

基础用法

font-style 属性最常用于规定斜体文本。

该属性有三个值:

normal - 文本正常显示

italic - 文本斜体显示

oblique - 文本倾斜显示

italic 和 oblique 的区别

font-style 非常简单:用于在 normal 文本、italic 文本和 oblique 文本之间选择。唯一有点复杂的是明确 italic 文本和 oblique 文本之间的差别。

斜体(italic)是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。与此不同,倾斜(oblique)文本则是正常竖直文本的一个倾斜版本。

通常情况下,italic 和 oblique 文本在 web 浏览器中看上去完全一样。

实例

p.normal {font-style:normal;}p.italic {font-style:italic;}p.oblique {font-style:oblique;}

小程序应用

Wxml代码

<view><text>默认字体</text></view><view ><text class='cls1'>字体 italic</text> </view><view ><text class='cls2'>字体 oblique</text> </view>

Wxss代码

.cls1{font-style: italic;}.cls2{font-style: oblique;}

效果如下图

欢迎大家收看我的视频教程:微信小程序样式入门到精通(wxss,css)(微信小程序界面设计必备技能)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。