您的位置：首页 > 其它

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

2015-11-20 16:45 375 查看 
<!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(偏斜体).
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航