外部引入css的兩種方法對比

2021-10-24 14:56:46 字數 843 閱讀 6410

首先介紹一下,如何在html中應用css,可分為三種方法:

1,行內樣式表,將css規則寫到style屬性中

例如:

hello

2,內部樣式表,將css規則寫到style標籤內

例如:

3,外部引入

a,將css規則寫到乙個以「.css」為字尾的檔案中,使用link標籤將.css檔案載入到html中

例如:html**塊:

css**塊:

@charset 」utf-8」;

h1

b,在style標籤的第一行使用@import 'style.css』匯入

例如:html**塊:

css**塊:

@charset 」utf-8」;

h1

使用兩種外部引入css的方式在頁面顯示效果是一樣的,但是還是有一定區別:

1,所屬範圍:

link是html標籤,不僅可以載入css檔案,還可以定義rel屬性, rel="stylesheet"表示呼叫外部樣式

@import屬於css語法,只能匯入樣式

2,載入順序:

頁面載入的時候,link標籤引入的樣式同時被載入

@import引入的樣式,在頁面載入完畢之後被載入

3,相容性

link不存在相容性問題

@import需要ie5+

CSS外部樣式的兩種引入方式

兩種方法 style.css rel stylesheet type text css 區別 1.從屬關係區別 link是html提供的標籤,不僅可以載入css檔案,還可以定義其它屬性 import是css提供的語法規則,只有匯入樣式表的作用。2.載入順序區別 載入頁面時,link標籤引入的css會...

外部讀取Excel的兩種方法

1 使用epplus讀取 這個類庫讀取excel方便快捷,但是它只能讀取.xlsx型別的檔案,不支援.xls,具體 如下 static void main string args if dt null console.readline 將worksheet轉成datatable 待處理的worksh...

建立執行緒類的兩種方法對比

建立執行緒有兩種方法 1.繼承thread類建立執行緒類 步驟 1 定義thread類的子類,並重寫run 方法 2 建立thread子類的例項 3 呼叫start 方法啟動執行緒 例子 public class mythread extends thread private int i 重寫run...