今天我們來介紹 class及id的寫法，class在網頁上做介面的時候幾乎是必用的，class可以想成樣式的名稱，可以套用到多個元素上，而id在同樣名稱的情況下，在頁面上只能出現一次，接下來我們就介紹幾個簡單的例子吧。
<style>
.title1{
color:blue;
}
</style>
</head>
<body>
<h1 class="title1">這是標題</h1>
顯示如下:
.的意思就是代表class，.title1就是class裡面的title1。
接下來看id的示範:
<style>
.title1{
color:blue;
}
#the_para{
color:red;
}
</style>
</head>
<body>
<h1 class="title1">這是標題</h1>
<p id="the_para">這是段落</p>
顯示如下:
#the_para的意思就是 id=the_para**，而#就是代表id的意思**
如果假設變成下面這樣，class套用2個元素也是可以的
這樣我們選取title1 font_size的時候，如果沒有其他title開頭的情況下，可以直接打.title1 來選取，也可以打.font_size來選取
在html的任何標籤都可以定class和id。
class表示樣式表的名稱，該名稱可以套用多個元素。
id表示該元素唯一的名稱，在一個網頁中，同樣的id名稱不能重複。
在css中[ . ]是代表class的意思，[ # ]是代表id的意思。
iThome鐵人賽
看影片追技術