再加个样式 - 使用font-style设置字体样式，初识HTML(5)+CSS(3)-升级版教程-慕课网

再加个样式 - 使用font-style设置字体样式

我们来学习设置字体样式font-style属性，比如我们想实现以下效果：

如果想实现以上效果,我们可以输入以下代码:

技术点的解释：

1、font-style可以设置字体样式，并且有种3设置方式。

2、正常字体为normal,也是font-style的默认值。

3、italic为设置字体为斜体，用于字体本身就有倾斜的样式。

4、oblique为设置倾斜的字体，强制将字体倾斜。

任务

我也来试试：把段落中的文字全部设置为斜体样式

?不会了怎么办

你是否在第8行输入像下面一样的代码：

p{font-style:italic;}

问答
评论
笔记
代码

全部精华我要发布

为啥我咋改字体都没有变为我想要的样子

最新回答 / 全栈梦想家

font-size只能指定字号大小，除非你用font简写方式，但是，如图<...图片...>

1 回答 27 浏览

2025-02-13

box有什么用是必须的吗?

最赞回答 / 慕田峪8063247

这个box1,box2,box3仅仅是分别给对应的<div></div>设置一个类名而已，你也可以叫做apple1,apple2,apple3. 也就是一个名字而已。这个box1不是必须对应normal的，他就是给你举例说normal，italic，oblique这三个样式而已。

3 回答 745 浏览

2022-04-28

斜体和倾斜的字体有什么区别吗？

最赞回答 / kiksuya

italic是字体系列(比如宋体，楷体)里的斜体，而oblique是字体倾斜效果，对于没有斜体的字体系列使用oblique实现斜体效果

3 回答 1893 浏览

2022-04-12

什么时候加引号

已采纳回答 / 慕莱坞3017475

宋体后面

3 回答 956 浏览

2020-04-11

把段落中的文字全部设置为斜体样式 ,我这样改对不对呀。

已采纳回答 / qq_陪君醉笑三千场丶_0

p{ font-style:italic; }把body改成p最好，因为题目要求的是段落，虽然就目前代码来说运行出来的效果应该是一样的。

1 回答 969 浏览

2020-04-01

为啥写成body就不行啊

已采纳回答 / qq_慕妹2282016

我的理解是 body 是html固有的构成格式可以换个其他字母组合来代替

2 回答 901 浏览

2020-03-17

提问这节课的一个问题

已采纳回答 / 慕姐7445723

如果加p的话要用逗号隔开

1 回答 687 浏览

2020-03-09

那个a标签是？

最新回答 / 慕九州2306269

链接跳转标签

1 回答 580 浏览

2020-03-06

这么打，错误在哪里，求大神帮助

最新回答 / 守夜人6630692

p a {font-stytle:italic;}这个指向的是a应该改成p{font-stytle:italic;}，记得好评?

3 回答 675 浏览

2020-04-04

为什么a标签选择器优先级高于p呢

最新回答 / 陈思同

都是标签选择器，权重也一样，那就看位置

1 回答 521 浏览

2020-02-17

答案我直接改

已采纳回答 / qq_德源3d24_FHLOP3

如果你设置为p{font-stlye:italic:},A标签没有设置, 代码如下<P>我是<a>男人</a>P> 那么现实的(我是男人)都是斜体的因为P标签是父类,A标签继承了P标签的样式如果a标签设置了样式,那么显示(我是男人),P标签样式显示的(我是) a标签设置的样式显示(男人)

2 回答 815 浏览

2019-09-21

p a{font-style:italic；} p，a{font-style:italic；}

最新回答 / 一个前端的小白

p a 是后代选择器这里完全可以使用子代选择器

4 回答 1115 浏览

2020-09-17

在这里面a是

最新回答 / 途之奈何

没有超链接功能的超链接标签

3 回答 571 浏览

2020-02-15

样式不能既有删除线又有下划线，这两个代码只能显示一个结果，是吗，

已采纳回答 / 小蒋008

是的，右上而下逐层执行下面那条覆盖前面的

2 回答 1244 浏览

2019-06-18

为什么两段文字格式一样，都是斜体？

已采纳回答 / 半生做烂泥

第一个p是整段话都是斜体，第二个是p，a共同设置为斜体

3 回答 1145 浏览

2019-07-29

全部我要发布

最热最新

只看我的

10-4 再加个样式 - 使用font-style设置字体样式