零基础建站培训介绍

当前位置:

css设置font-style字体斜体样式

css font-style字体斜体样式来定义字体倾斜效果,所有主流浏览器都支持font-style属性,本文章向大家介绍css如何设置font-style字体斜体样式的方法和使用实例,提供给新手学建网站的朋友参考。(相关知识:新手学做网站要学什么知识)

css设置font-style字体斜体样式

font-style语法

css font-style属性指定文本的字体样式。例如我们将font-style属性设置为italic则表示浏览器会显示一个斜体的字体样式。

font-style属性值

normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。

css设置font-style字体斜体样式实例

三个段落设置不同的字体样式:(如果你对网站代码一点不了解,可以先学习一下html5从入门教程)


<!DOCTYPE html>
<html>
<head>
<style>
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>

</html>

italic或oblique斜体区别

我们看上例就可以知道,font-style属性值为italic或oblique时,在浏览器预览的效果是一样的!那这两者究竟有什么区别呢?

可以这样理解:有些文字有斜体属性,也有些文字没有斜体属性。italic是使用文字的斜体,oblique是让没有斜体属性的文字倾斜。

上一课: 下一课:

《“css设置font-style字体斜体样式”》 有 1 条评论

  1. Datethefe说道:

    In China stroke is the third leading cause of death approximately 20 of which are due to aneurysmal subarachnoid hemorrhage SAH 1 cronadyn vs priligy Echocardiographic examinations performed by less trained observers were not included in the study

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • CSS3 text-shadow 属性是CSS3中设置文字阴影的属性,通过这个属性可以设置文字的各个角度的阴影效果。下面介绍一下CSS3 text-shadow 属性的使用方法。
  • HTML中,给一个DIV添加一个边框,那么这个DIV的宽度和高度就增加成为这个DIV的宽度加上这个边框的宽度,那么我们如何让边框不占宽度和高度呢?(相关
  • CSS中可以给一个DIV设置背景图片,甚至可以设置背景的样式和位置。(相关教程:CSS3视频教程)控制背景图片位置:background-position:水平方向
  • 在自己做网站时,为了显示效果,我们需要对某些区块设置圆角边框,这时,我们需要用到CSS的border-radius属性,通过border-radius属性就可以轻松设置
  • 问题:在HTML中元素分为块状元素和行内元素,块状元素的外边距和内边距我们分别使用margin\padding属性来设置,那么行内元素可以设置margin\paddi
  • 1、CSS3设置文字一个阴影在CSS3中使用text-shadow属性来给文字添加阴影效果[cce_html]h1{text-shadow: 5px 5px 5px #FF0000;}[/c
  • 在网页制作和网站开发过程中,网页上使用的字体往往由于浏览者电脑中没有相应的字体,达不到我们设计的效果。为了解决这个问题,我们可以直接使用我们
  • css font-style字体斜体样式来定义字体倾斜效果,所有主流浏览器都支持font-style属性,本文章向大家介绍css如何设置font-style字体斜体样式的方法和使
  • CSS 加粗这里指的是通过DIV CSS控制对象的加粗。使用CSS属性单词font-weight对象值:从100到900,最常用font-weight的值为boldfont-weight
  • HTML字体加粗标签怎么写 图文教程 (123189 次浏览)
    HTML中给字体加粗一般会使用HTML字体加粗标签。HTML字体加粗标签就是<strong>标签。[cce_html]<strong> 要加粗的文字 </strong>[
  • HTML <font>标签之html文字字体、html字体颜色、html字体大小设置标签元素一、font标签语法与结构[cce_html]<font color="#FF0000"&
  • 想要使用fireworks制作字体效果,那么这里给大家讲解一个简单的制作字体的方法,使用的软件名称:fireworks8简体中文版 (含序列号)1、首先到啊fir
  • HTML粗体标签:HTML b 标签b 标签-- 定义粗体文字 不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
  • HTML粗体标签:HTML b 标签b 标签-- 定义粗体文字 不符合标准网页设计的理念,不赞成使用. b标签是成对出现的,以<b>开始,以</b>结束 .
  • 在前面的HTML入门教程中,我们介绍了什么是超链接。对于建网站新手来说,很多人不知道超链接有很多的写法。以下就是超链接常见的几个写法。显
  • 特效介绍:响应式12列CSS网格样式代码是一款网格系统的特点是使用人们易于记忆的英文单词来作为设置网格列的class名称。特效截图:特
  • 很多网站都有一个很大的问题,在这个浏览器上显示正常,但在其它浏览器显示却错位。这就是网站浏览器不兼容。如果你在自己建网站时也遇到了不