css 樣式表分類總結

2021-09-20 14:05:54 字數 2120 閱讀 4024

1,外部樣式表

當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。標籤在(文件的)頭部:

1

2

3

<head>

<linkrel="stylesheet"type="text/css"href="mystyle.css"/>

瀏覽器會從檔案 mystyle.css 中讀到樣式宣告,並根據它來格式文件。

外部樣式表可以在任何文字編輯器中進行編輯。檔案不能包含任何的 html 標籤。樣式表應該以 .css 副檔名進行儲存。下面是乙個樣式表檔案的例子:

12

3

4

5

6

7

8

9

hr

p

body

2,內部樣式表

當單個文件需要特殊的樣式時,就應該使用內部樣式表。你可以使用 標籤在文件頭部定義內部樣式表,就像這樣:

1

2

3

4

5

6

7

<head>

<styletype="text/css">

hr

p

body

3,內聯樣式

由於要將表現和內容混雜在一起,內聯樣式會損失掉樣式表的許多優勢。

請慎用這種方法,例如當樣式僅需要在乙個元素上應用一次時。

要使用內聯樣式,你需要在相關的標籤內使用樣式(style)屬性。style 屬性可以包含任何 css 屬性。

本例展示如何改變段落的顏色和左外邊距:

this is a paragraph

4,多重樣式

如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來。

例如,外部樣式表擁有針對 h3 選擇器的三個屬性:

1

2

3

4

5

h3

而內部樣式表擁有針對 h3 選擇器的兩個屬性:

1

2

3

4

h3

假如擁有內部樣式表的這個頁面同時與外部樣式表鏈結,那麼 h3 得到的樣式是:

1

2

3

color: red;

text-align: right;

font-size: 20pt;

即顏色屬性將被繼承於外部樣式表,而文字排列(text-alignment)和字型尺寸(font-size)會被內部樣式表中的規則取代。

css樣式表 樣式表分類 選擇器

一 樣式表分三類 1.內聯樣式表。放在元素的開始標記中。只對當前元素起作用。例 結果 2.內嵌樣式表。放在頁面的中間。可以對整個頁面。你好 執行結果 3.外部樣式表。放在乙個單獨的.css樣式表檔案中。可以對整個 操作 新建乙個css檔案,用來存放樣式表 在html中呼叫樣式表,要在html中右鍵 ...

CSS樣式表總結

css顯示 css 是 web 標準中的表現標準,專門用來對網頁標籤進行布局和設定樣式的一門語言,目前使用css3,css 又名層疊樣式表.css 的位置 1.內聯樣式 將樣式表寫在標籤的 style 的屬性中 2.內部樣式 將樣式表也在 head 中的 style 中的標籤中,只可用於當前的 ht...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...