CSS樣式表基本概念

來源:互聯網
上載者:User

標籤: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樣式表基本概念

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.