在web頁面中引用css的四種方法

2022-02-11 23:20:41 字數 637 閱讀 2368

作為一名前端開發工程師,平時在製作頁面的時候,我們我們會用到很多中將css引入頁面的方法,那麼,今天我將分享一下這些方法,並討論那種方法更好一些。

這種方法是最好的一種,在頁面的標籤中加入如下**:

@import 可以放在頁面的style標籤裡面,也可以方式在css樣式表裡面。

如果放在css樣式檔案裡面,它必須在其他樣式規則的最前面,否則將會無效。

你可以將任何css樣式放置在頁面任何位置,但是需要將樣式放置在style標籤裡面

建議將其放置在head標籤裡面。

內聯樣式可以允許你將任何css樣式應用於頁面的任何標籤上,這些樣式僅僅應用於當前樣式,如下:

這裡是一些文字

一般來說,第一種方法是比較好的方法,也是用的最廣泛的方法。

@import方法,可以檢視linxz寫的一篇文章詭異的@import 能夠更好的幫你理解。

後面兩種方法是最不推崇的方法,一般不要用這兩種方法,他們既不利於樣式的重用,也不利於後期的修改。

HTML 引用Css樣式的四種方式

不才,只知道html引用css樣式有四種方式,內部引用和外部引用各兩種,因為老是忘記細節,記下了隨時翻閱亦可方便如我般的初學者 內部引用方式1 直接在標籤內用 style 引用,如 內部引用方式2 在頁面標頭檔案的標籤裡引用,如 如此話,style 標籤最好放到 外部引用方式1 用標籤,如 注意 不...

HTML引用CSS的四種方法

總結一下html引用css的四種方法並比較一下。1.行內式 也稱內聯式,直接在標記的style屬性中設定css樣式。最不常用 我是行內式寫法 2.嵌入式 將css樣式集中寫在網頁的標籤對的標籤對中 對於用css比較少的網頁,可以先這樣寫。後面若是增加很多,還是寫在外部css檔案中比較好。例如我這段當...

CSS中的四種定位

簡介 偏移量 當元素開啟了定位以後,可以通過偏移量來設定元素的位置 相對定位 定位 positio 簡介 定位是一種更加高階的布局手段,通過定位可以將元素擺放到頁面的任意位置 使用position屬性來設定定位 static 預設值,元素是靜止的沒有開啟定位 relative 開啟元素的相對定位 a...