css字体样式属性

最新推荐文章于 2024-04-06 20:41:17 发布

原创最新推荐文章于 2024-04-06 20:41:17 发布 · 474 阅读

1 ·

CC 4.0 BY-SA版权

网页设计专栏收录该内容

13 篇文章

订阅专栏

 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 2"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 3<html xmlns="http://www.w3.org/1999/xhtml">
 4<head>
 5<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 6<title>CSS字体样式属性</title>
 7<style type="text/css">
 8.part1{color:red;}
 9.part2{font-size:18px;}
 10.part3{font-family:"微软雅黑";}
 11.part4{font-weight:bold;}
 12.part5{font-style:italic;}
 13.part6{color:blue;}
 14.part7{font-variant:small-caps;}
 15.part8{font:italic small-caps bold 18px "微软雅黑";}
 16</style>
 17</head>
 18<body>
 19<p class="part1">我是默认的字体，设置为红色</p>
 20<p class="part2">我是设置为18像素的字号哦</p>
 21<p class="part3">我是设置为微软雅黑的字体哦</p>
 22<p class="part4">我是设置为加粗的字体哦</p>
 23<p class="part5">我是设置为倾斜的字体哦</p>
 24<p class="part6">我是小写字母:chuan zhi bo ke，设置为蓝色。</p>
 25<p class="part7">我是设置为大写的小写字母:chuan zhi bo ke</p>
 26<p class="part8">我是综合以上属性的字体哦:chuan zhi bo ke</p>
 27</body>
 28</html>