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標籤中。示例 例...