CSS樣式學習_1

來源:互聯網
上載者:User

1、CSS樣式的優先順序

使用階層式樣式表 (CSS) 可控制網頁的外觀。使用 CSS,可以精確定位網頁上的元素,並且可以設定這些元素的外觀。

CSS 相對於網頁可以是外部、內部或嵌入式的,而一個網頁也可以同時使用這些類型的 CSS 中的一種或多種。

通常,這三種 CSS 中定義的樣式所具有的優先順序如下:

嵌入式 CSS 中定義的樣式優先順序最高,

內部 CSS 中定義的樣式優先順序次之,

外部 CSS 中定義的樣式優先順序最低。

(1)外部CSS樣式

當需要對網站中的部分或所有網頁統一應用相同的樣式時,可使用外部樣式表。通過在一個或多個外部樣式表中定義樣式並將它們應用到網頁中,可以確保整個網站具有統一的外觀。如果您決定更改某個樣式,只需要在外部 CSS 中進行一次更改,所做的更改會自動反映到引用該樣式和 CSS 的所有網頁中。

外部 CSS 包含在 .css 檔案中,例如 global.css。外部 CSS 的文法與內部 CSS(請參閱本主題下一部分中的樣本)相同,唯一的差別是不需要在外部 CSS 中定義的樣式前後加上 <style> 標記。

(2)內部CSS

當只需要為當前網頁定義樣式或者需要替代附加到當前網頁的外部 CSS 中定義的樣式時,可使用內部 CSS(有時稱為“內嵌 CSS”)。

內部 CSS 包含在網頁的 <head> 標記中。

<style type="text/css">li {    position:absolute;}</style> 

(3)級聯CSS

當需要向網頁上的各個元素應用階層式樣式表屬性,且不需要重複使用該樣式時,可使用內置樣式。內置樣式在網頁中的 HTML 元素的開始標記內定義。

<p style="border:1px;solid;red;">mao</p>

相關文章

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.