<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体</title>
<style>
/*
字体: 大小 颜色 加粗 斜体 下划线 删除线 字体;
1.color 颜色 关键字 十六进制 rgba
2.font-size: px em(rem)
默认的浏览器字体大小是多少 16px, 浏览器支持的最小字体是 12px
3.加粗 strong b
font-weight bold normal
4.字体: font-family: "微软雅黑", "宋体", "黑体";
5.font-style: italic; 默认值 normal
*/
.box1 {font-style: italic;}
</style>
</head>
<body>
<div class="box1">哈哈哈</div>
</body>
</html>上述运行结果:
font-style属性指定文本的字体样式。
| 值 | 描述 |
|---|---|
| normal | 默认值。浏览器显示一个标准的字体样式。 |
| italic | 浏览器会显示一个斜体的字体样式。 |
| oblique | 浏览器会显示一个倾斜的字体样式。 |
| inherit | 规定应该从父元素继承字体样式。 |
从目前的显示效果来看，italic和oblique的效果并没有区别，那么它们各有什么用途呢？
其实它们都是让字体具有倾斜的效果，italic是字体自带的斜体属性，oblique是使字体向右倾斜。但是，并不是所有字体都具有斜体的样式，对于那些没有斜体样式的字体来说，使用italic是没有效果的，此时就可以利用oblique代替italic来实现字体倾斜的效果啦。
一句话总结：italic和oblique都是让字体具有倾斜的效果，当字体没有italic属性时，可以使用oblique来替代。
4293
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
