零基础建站培训介绍

当前位置：

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是让没有斜体属性的文字倾斜。

上一课: 下一课:

发表回复

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

相关教程

  • CSS3多栏布局columns (5914 次浏览)
    CSS3多栏布局columns语法：columns: <'column-width'> || <'column-count'>;column-width：用来设置列宽，取值auto和像素值，实际
  • 如何用DIV+CSS制作导航条 (4281 次浏览)
    一个蓝色主题的导航条布局案例，本CSS小实例，采用DIV CSS实现。同时不用图片做背景，直接使用背景色实现，鼠标经过悬停对应栏目名称是对应背景蓝色变
  • 怎么制作一个响应式HTML网页 (4844 次浏览)
    响应式HTML网页可以自动适应不同浏览设备而自动变化版面，下面介绍一下怎么制作一个响应式HTML网页的方法和步骤。打开Dreamweaver软件，新建一个HTM
  • div+css布局是什么意思 (4967 次浏览)
    div css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的代码定位方式，可实现网页页面内容与表现相分离。简单来说就是
  • CSS中的ZOOM:1作用是什么 (6494 次浏览)
    我们学习CSS3视频教程时，做网站经常会看到CSS代码里会有一个ZOOM:1，删除ZOOM:1属性对网页却没有任意影响。那么ZOOM:1到底有什么作用呢？下面就跟
  • background-size cover和contain的用法详解 (13527 次浏览)
    我们在自己建网站时，经常需要用到background属性。我们还可以通过background-size来控制背景图片的尺寸。background-size有几个属性值，常用的是cov
  • CSS常用属性大全 (9189 次浏览)
    什么是CSS？CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，所以称之为层叠样式表（Cascading Stylesheet）简称CSS。在
  • CSS3常用英文汉语词汇对照表 (8213 次浏览)
    在自己建网站时，CSS是控制网站各类样式的文件，CSS全部是英文，为了方便学建网站新手使用CSS，下面是学做网站论坛总结的常用CSS英文汉语词汇对照表.
  • CSS控制强制不换行/自动换行/强制换行 (11994 次浏览)
    学习了网站制作课程的学员都知道，网站的样式都是受CSS来控制的。下面是控制的CSS样式代码：强制不换行div{white-space:nowrap;}
  • Animate动画名称大全 (51451 次浏览)
    animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡

教程目录