码迷,mamicode.com
首页 > 其他好文 > 详细

【设置具体文字的字体,倾斜效果】

时间:2015-11-20 19:10:38      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/css;charset=utf-8">
    <title>设置具体文字的字体</title>
</head>
<style type="text/css">
    .p1{
        font-family: "黑体", Verdana, "微软雅黑", "宋体",sans-serif;
        color: #ff1d31;
    }
</style>
<body>
<p class="p1">特定字体</p>

<p>默认字体</p>
</body>
</html>

HTML语言中的文字样式是通过<font face="字体名称">来设置的,而在CSS中,字体是通过font-family属性来控制。上面的示例中,代码的意思是让浏览器在用户的计算机中按顺序依次查询输入的字体样式,如果font-family所输入的字体样式在浏览者的计算机中没有记载,那么浏览器会自动使用默认字体。

一些字体的名称中间会有空格,这时需要将其用双引号引起来。

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/css;charset=utf-8">
    <title>设置文字的倾斜效果</title>
</head>
<style type="text/css">
    .p1{
        font-style: italic;
    }
</style>
<body>
<p class="p1">特定字体</p>

<p>默认字体</p>
</body>
</html>

该属性对应的值有三个:normal(正常)、oblique(斜体)、italic(偏斜体).

【设置具体文字的字体,倾斜效果】

标签:

原文地址:http://www.cnblogs.com/zuixinxian/p/4981282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!