1、外部樣式
格式:
舉例:
用處:這種形式是把css單獨寫到壹個css文件內,然後在源代碼中以link方式鏈接。它的好處是不但本頁可以調用,其它頁面也可以調用,是最常用的壹種形式。
備註:Rel:指明連接的是什麽文件;Type:指明引入的文件的格式類型;Href:指明文件的路徑,以引入文件為基準的相對路徑。
2、內部樣式
格式:
這樣的話,該文件中的所有P標簽都將應用該style樣式,而不需要在沒壹個html標簽中寫。
用處:這種形式是內部樣式表,它是以結尾,寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用於其它頁面
3、舉例:
4、行內樣式:就是直接在html標簽後面寫樣式代碼
啊啊啊啊
用處:這種在標簽內以style標記的為內部樣式,內部樣式只針對標簽內的元素有效,因其沒有和內容相分離,所以不建議使用。
5、導入樣式
@importurl(\"/css/global.css\");
鏈接樣式是以@importurl標記所鏈接的外部樣式表,它壹般常用在另壹個樣式表內部。如layout.css為主頁所用樣式,那麽我們可以把全局都需要用的公***樣式放到壹個global.css的文件中,然後在layout.css中以@importurl(\"/css/global.css\")的形式鏈接全局樣式,這樣就使代碼達到很好的重用性。
6、CSS規則由兩個主要的部分構成:選擇器,以及壹條或多條聲明。
selector{declaration1;declaration2;...declarationN}
選擇器通常是您需要改變樣式的HTML元素。
每條聲明由壹個屬性和壹個值組成。
屬性(property)是您希望設置的樣式屬性(styleattribute)。每個屬性有壹個值。屬性和值被冒號分開。
selector{property:value}
下面這行代碼的作用是將h1元素內的文字顏色定義為紅色,同時將字體大小設置為14像素。
在這個例子中,h1是選擇器,color和font-size是屬性,red和14px是值。
h1{color:red;font-size:14px;}
提示:請使用花括號來包圍聲明。