標籤:style http ar 使用 sp 檔案 bs 代碼 ad
CSS,全稱(Cascading Style Sheets,層疊樣式表),作用是美化HTML網頁。
一、基本概念:是用於(增強)控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。
你可能對CSS這個名詞比較陌生,實際上無論你用InternetExplorer還是
NetscapeNavigator在網上衝浪,幾乎隨時都在與CSS打交道,在網上沒有使用過CSS的網頁可能不好找。不管你用什麼工
具軟體製作網頁,都有在有意無意地使用CSS。用好CSS能使你的網頁更加簡煉。
二、基本分類
1、內聯樣式表(和html聯合顯示,控制精確,但是可重用性差,冗餘多)
例:<p >內聯樣式表</p>
以上就是一個簡單的內聯樣式表,用在<body>中的標籤中,相當於style附在標籤中,只改變該標籤p中的樣式和格式。
2、內嵌樣式表
例:<style type="text/css">
p //格式對p標籤起作用
{
樣式;
}
</style>
這是一個內嵌樣式表,就是把<style>樣式單獨抽出來,放在<head>中,獨立控制p標籤的樣式和格式。
3、外部樣式表(顯而易見,就是獨立於html的檔案,但是仍然需要html調用該外部樣式表才能發揮其作用)
需要建立一個CSS檔案,用來單獨存放樣式表。當在html中調用此樣式表時,需要在html檔案右擊---CSS樣式--附加樣式表。當串連成功後,在html檔案<head>中會出現<link..>的類似串連路徑的標籤。
4、有些標籤有預設的邊距,一般寫樣式表代碼的時候都會先去除(也可以設定其他樣式),如下:
<style type="text/css">
* //格式對所有標籤起作用
{
margin=0px;
padding=0px;
}
</style>
三、選取器
1、單一選取器
1)標籤選取器---用標籤名做選取器
2)class選取器---都是以“.”開頭
3)ID選取器---以“#”開頭
2、複合選取器
1)用“,”隔開,表示並列
2)用空格隔開,表示後代
3)篩選“.”
CSS樣式表基本概念