css中font-family和font-style的区别

最新推荐文章于 2024-08-21 14:25:06 发布

参星~

最新推荐文章于 2024-08-21 14:25:06 发布

阅读量6.1k

点赞数 6

分类专栏： css、css3

本文链接：https://blog.csdn.net/qq_38871723/article/details/106127848

版权

css、css3 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

初学字体样式的时候会分不清楚font-family和font-style的区别

font-family ：是字体系列
它的值有很多，比如 “宋体”，“微软雅黑”等等，就是你电脑字体库里面有的那些字体。

font-style：是字体样式
它的值有：normal（默认值）、italic（斜体）、oblique（倾斜）

例子：

<style type="text/css">
p.normal {font-style:normal}
p.italic {font-style:italic}
p.oblique {font-style:oblique}
</style>
</head>

<body>
<p class="normal">This is a paragraph, normal.</p>
<p class="italic">This is a paragraph, italic.</p>
<p class="oblique">This is a paragraph, oblique.</p>
</body>