a標簽不只是能鏈接到其他網頁，也能鏈接到網頁中的元素 class屬性讓你用CSS對特定的元素進行修飾 這些是一個網頁設計者的有力武器 這節課還是一個index.html文件 以下是代碼 以下是代碼 1 <html> 2 <head> 3 <title>TEST</title> 4 </head> 5 ...
a標簽不只是能鏈接到其他網頁，也能鏈接到網頁中的元素
class屬性讓你用CSS對特定的元素進行修飾
這些是一個網頁設計者的有力武器
這節課還是一個index.html文件
以下是代碼
1 <html> 2 <head> 3 <title>TEST</title> 4 </head> 5 <style> 6 h1.mh1{ 7 color: green; 8 } 9 </style> 10 <body> 11 <a href = "http://www.runoob.com/" title = "菜鳥教程" target = "_blank">插入外鏈:菜鳥教程</a> 12 <br> 13 <a href = "#myh1">尋找綠色標題</a> <!--在文件內部就不用寫地址了，直接寫#[id名]就可以了--> 14 <h1>我是標題</h1> 15 <br> 16 <br> 17 <br> 18 <h1>我是標題</h1> 19 <br> 20 <br> 21 <br> 22 <h1>我是標題</h1> 23 <br> 24 <br> 25 <br> 26 <h1>我是標題</h1> 27 <br> 28 <br> 29 <br> 30 <h1>我是標題</h1> 31 <br> 32 <br> 33 <br> 34 <h1>我是標題</h1> 35 <br> 36 <br> 37 <br> 38 <h1>我是標題</h1> 39 <br> 40 <br> 41 <br> 42 <h1>我是標題</h1> 43 <br> 44 <br> 45 <br> 46 <h1>我是標題</h1> 47 <br> 48 <br> 49 <br> 50 <h1>我是標題</h1> 51 <br> 52 <br> 53 <br> 54 <h1 id = "myh1" class = "mh1">我是標題</h1> <!--id是給標簽(或元素)一個ID可以讓其他標簽對指定ID的元素進行操作--> 55 <!--class是給標簽劃定一個類，可以讓其他標簽(CSS和JS(javascript)中常用)對指定類中的元素進行操作--> 56 <br> 57 <br> 58 <br> 59 <h1>我是標題</h1> 60 </body> 61 </html> 62 <!-- 63 h1.mh1{ 通過類名操作h1 64 color: green; 65 } 66 -->
如你所見我們把class屬性叫做類，class屬性的值叫做類名
它的顯示效果
點擊"尋找綠色標題"
class讓指定的h1變成綠色，id讓a元素能鎖定到這個特定的h1
要熟練運用這些東西
//本系列教程基於《Head First HTML與CSS(第二版)》,此書國內各大購物網站皆可購買
轉載請註明出處 by:M_ZPHr
最後修改時間：2019-01-17
