HTML引用CSS的四種方法

2022-03-18 16:47:05 字數 440 閱讀 3358

總結一下html引用css的四種方法並比較一下。

1.行內式:也稱內聯式,直接在標記的style屬性中設定css樣式。(最不常用)

我是行內式寫法

2.嵌入式:將css樣式集中寫在網頁的標籤對的標籤對中;

對於用css比較少的網頁,可以先這樣寫。後面若是增加很多,還是寫在外部css檔案中比較好。

例如我這段當滑鼠移上時放大的**。

格式:(一般寫在head標籤內,寫在 body裡面好像也可以...)

其中的rel="stylesheet"  type="text/css" 是固定寫法不可修改!

這應該是使用最廣泛的也是最常見的一種寫法了。

4.匯入式:使用@import引用外部css檔案

這種方式會在整個頁面載入完成時才引入css檔案,很明顯的問題就是頁面的"裸奔"現象,這個當然從互動和體驗的角度考慮是絕對不能接受的

CSS控制HTML頁面效果的四種方法

行內方式 內嵌方式 鏈結方式 匯入方式 1 行內方式 直接對 html 標籤適用 style 例如 1.雖然這種方法比較直接,在製作頁面的時候需要為很多的標籤設定 style 屬性,所以會導致 html 頁面不夠純淨,檔案體積過大,不利於搜尋蜘蛛爬行,從而導致後期維護成本高。2 內嵌方式 將 css...

HTML 引用Css樣式的四種方式

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

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

作為一名前端開發工程師,平時在製作頁面的時候,我們我們會用到很多中將css引入頁面的方法,那麼,今天我將分享一下這些方法,並討論那種方法更好一些。這種方法是最好的一種,在頁面的標籤中加入如下 import 可以放在頁面的style標籤裡面,也可以方式在css樣式表裡面。如果放在css樣式檔案裡面,它...