1,外部樣式表
當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。標籤在(文件的)頭部:
1
2
3
<
head
>
<
link
rel
=
"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
>
<
style
type
=
"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...