- 小程序CSS入门
小程序样式课程-第19课-字体-font-style字体风格
时间：2019/1/2 15:31:00 作者：互联网 来源：网络转载 查看：25891 评论：0内容摘要：font-style字体风格基础用法font-style 属性最常用于规定斜体文本。该属性有三个值：normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示italic 和 oblique 的区别font-style 非常简单：用于在 norm...font-style字体风格
基础用法
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;
}
效果如下图
欢迎大家支持我的视频课程：微信小程序样式开发入门
- 相关评论
- 本类推荐
- 本类排行
-
1-2小程序样式课程-第21课-字体-font-weight字体加粗
-
1-2小程序样式课程-第7课-文本-text-align水平对齐
-
1-2小程序样式课程-第18课-字体-font-size字体大小
-
1-2小程序样式课程-第11课-文本-text-shadow文本阴影
-
1-2小程序样式课程-第22课-outline轮廓
-
1-2小程序样式课程-第8课-文本-text-indent缩进文本
-
1-2小程序样式课程-第16课-文本-letter-spacing字母间隔
-
1-2小程序样式课程-第10课-文本-text-overflow 文本溢出
-
1-2小程序样式课程-第23课-框模型概述
-
1-2小程序样式课程-第19课-字体-font-style字体风格
-