HTML主要控制內容
CSS主要控制格式。
樣式表是用來指定樣式信息的句法機制。
之所以將CSS稱為層疊樣式表,是因為它可以在3個層次上進行定義。
內聯樣式表
內聯樣式表位于開始標簽中,其設置只對該元素起作用
文檔樣式表
文檔樣式表位于文檔的頭部區域,能夠作用于文檔的整個主體。
文檔樣式表的說明是作為一個<style>元素對的內容出現的。
語法格式為 選擇器 {一組屬性值對}
例如:
外部樣式表
外部樣式表可以獨立創建為一個文本文件,標簽<link>用于指定外部樣式表。
例如:
<link?rel="stylesheet"?type="text/css"?media="screen"?href="stylesheets/stylesheet.css"> </link>
/*????? */ 是CSS注釋
選擇器:
1.最簡單的選擇器就是單元素名稱
2.類選擇器
類選擇器用于為同一個標簽的不同實例指定不同的樣式說明。class這個特性
<p class="normal">xxxxxxxxxxxxxxxxxxxx
</p>
<style>
p.normal {property-value list}
</style>
3.通用選擇器
不管什么元素,只要他有class="normal",則應用樣式
.normal {property-value list}
4.id選擇器
限定于某個特殊的id
5.上下文選擇器
后代選擇器 ol li 空格
子元素選擇器 ol >li 大于號
6.偽類選擇器
偽類是一種當某種事件發生時才能夠發揮作用的樣式。
例如:
當鼠標放到h3元素上時被應用。
h3:hover {}
7. * 通配選擇器。
使用firebug可以進行CSS的實時查看和編輯