當我們在定義樣式時,除了網頁標籤外,我們還可自訂class或id名稱,而這兩者有何不同呢?
有些當我們在設定樣式時,有些標籤可能會有不同的樣式設定,例如前面我們提到,可能在一篇文章裡,我們就需要字型15pt與12pt,兩種字型也有不同的顏色,那我們該怎麼設定呢?class與id可以幫助您做到這一件事情。
樣式以class方式宣告與使用
當我們要使用class方式宣告樣式,我們得在樣式名稱前面加上句點(.),例如以下的網頁:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>使用class1</title>
<style type="text/css">
.normalfont{font-size: 12pt; color: #0000ff}
.largefont {font-size: 15pt;color: #d77c1a}
</style>
</head><body>
<font class="normalfont">PHP圖書</font><br>
<font class="largefont">歡迎來到php6的世界</font>
</body></html>
如此這兩段同用<font>標籤的文字就會套用不同的樣式。








