CSS 2 三種引用方式

2021-09-24 23:23:25 字數 639 閱讀 7625

1.行內式css

在工作專案中,用得很少

行內式的影響範圍: 非常小,只能影響到當前乙個標籤

寫在標籤的內部書寫格式

《標籤名 style=「屬性名1:屬性值1; 屬性名2:屬性值2; 屬性名3:屬性值3;」>

內容這是

2.內嵌式css

在head標籤中寫style標籤書寫格式,當然理論上他可以放在html文件的任何地方.

在工作中用得比行內式要多,但是不是最多

內嵌式的影響範圍: 影響到一整個頁面

例子:

div
3.外鏈式css

重點,必須要將html與css進行鏈結,通過link便簽進行鏈結.

所有的頁面都可以使用同乙個外鏈式css檔案

影響範圍: 整個**----也是工作中用得最多的方式

例子:

rel不能省略 當前文件與被鏈結文件之間的關係 表示被鏈結的文件是乙個樣式表檔案

type 所鏈結文件的型別 這裡需要指定為"text/css",表示鏈結的外部檔案為css樣式表。我們都可以省略

href: 所鏈結外部樣式表檔案的url,可以是相對路徑,也可以是絕對路徑.

css三種引入方式

行內 標籤內部 head內 style標籤 link 引入外部 href rel stylesheet style type import url style 選擇類 選擇id 一 三種css樣式規則的定義語法 名稱 語法 使用方式 1 標記選擇器 標記名稱 p2 id選擇器 id名稱 3 類選擇器...

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...

CSS三 CSS的三種引入方式

css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。一 行內樣式 使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用,在測試的時候可以使用。例如 我是p標籤 二 內部樣式表 在style標籤中書寫css style標籤寫在head標籤中。示例 例...