http://www.5idev.com/p-css_table.shtml
如何使用CSS
CSS作用於 html文檔,有如下三種方式:
內崁樣式 : 直接在 HTML 標籤設定, 如: < p style="font-size:12px; color:green;" />
內部樣式表 : 在 HTML <head>標籤中加入設定,
<head>
<title>網頁測試</title>
<style type="text/css">
p{font-size:12px; color:red;}</style>
</head>
外部樣式表 : 連接外部樣式檔案
<head>
<title>Style 說明</title>
<link rel="stylesheet" href="style/default.css" type="text/css" />
</head>
瀏覽器默認樣式
網頁元素還會受一種特殊的樣式影響,就是瀏覽器的默認樣式。
一個例子就是瀏覽器默認超鏈接是有下劃線,如果我們要取消超鏈接的下劃線,就需要單獨應用取消文字下劃線的樣式于超鏈接上。
以上三種方式可以混合使用,但混用可能會使樣式表變得混亂。
在優先級上:內崁樣式 > 內部樣式表 > 外部樣式表 > 瀏覽器默認樣式。
選擇器分類
CSS選擇器分為
類型選擇器
通配選擇器
屬性選擇器
包含選擇器
子對象選擇器
ID選擇器
類選擇器
偽類及
偽對象選擇器 等。
這些選擇器為我們應用CSS樣式于html元素提供了極大的方便和選擇
沒有留言:
張貼留言