css字型樣式屬性

遠飛夢發表於2018-11-02
CSS
 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>

 

相關文章