1、標記選擇器
聲明哪些標記採用哪種CSS樣式。因此,每一種HTML標記的名稱都可以作爲相應的標記選擇器的名稱。例:
- <style>
- h1{
- color:red;
- font-size:25px;
- }
- </style>
2、類別選擇器 class selector
class selector的名稱可以由用戶自定義。例:
- <style type="text/css">
- .red{
- color:red;
- font-size:18px;
- }
- </style>
- <body>
- <p class="red">.......</p>
- </body>
在HTML的標記中,還可以同時給一個標記運用多個class選擇器,從而將兩個類別的樣式風格同時運用在一個標記中。
- <h4 class="blue big">兩種class,同時blue和big</h4>
3、ID選擇器
ID和CLASS的使用方法基本相同,不同的是ID選擇器只能在HTML頁面中使用一次,因此其針對性更強。
- <html>
- <head>
- <style type="text/css">
- #bold{
- font-weight:bold;
- }
- </style>
- </head>
- <body>
- <p id="blod">ID選擇器</p>
- </body>
- </html>
將ID選擇器用於多個標記是錯誤的,因爲每個標記定義的id不只是CSS可以調用,javascript等其他腳本語言同樣可以調用。如函數getElementById()會出錯。
id selector不支持像class selector那樣的多風格同時使用,類似id="bold green"是完全錯誤的語法