插入CSS樣式表的三種方式

2021-08-31 02:56:33 字數 990 閱讀 3736

當讀到乙個樣式表時，瀏覽器會根據它來格式化 html 文件。插入樣式表的方法有三種：

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

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


hr 


p body
不要在屬性值與單位之間留有空格。假如你使用 「margin-left: 20 px」 而不是 「margin-left: 20px」 ，它僅在 ie 6 中有效，但是在 mozilla/firefox 或 netscape 中卻無法正常工作。


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


由於要將表現和內容混雜在一起，內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法，例如當樣式僅需要在乙個元素上應用一次時。




this is a paragraph




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


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


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


h3
color:red; 


text-align:right; 


font-size:20pt;
即顏色屬性將被繼承於外部樣式表，而文字排列（text-alignment）和字型尺寸（font-size）會被內部樣式表中的規則取代。


級數越高，優先權越高


瀏覽器預設設定


外部樣式表


內部樣式表（位於 標籤內部）


內聯樣式（在 html 元素內部）
				
CSS三種樣式表
外部樣式表的作用 設定乙個外部樣式表，在html頁面的head中新增，通過link標籤標記，rel 指定其樣式為stylesheet，type 指定其格式為text css，herf 指定到欲應用的css樣式檔案。表此樣式表應用於當前整個頁面效果，內部樣式表的作用 設定乙個內部樣式表，在html頁面...

				
插入css樣式表的三種方法
當讀到乙個樣式表時，瀏覽器會根據它來格式化 html 文件。當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。標籤在 文件的 頭部 head link rel stylesheet type t...

				
CSS的三種樣式表和優先順序
1 外部樣式表 當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。css1.1樣式表 h1 2 內部樣式表 當單個文件需要特殊的樣式時，就應該使用內部樣式表。你可以使用我是乙個div 3 內聯樣...