CSS的引入方式 行內式 嵌入式 鏈結式

2021-10-22 04:48:27 字數 1211 閱讀 8131

按照css樣式書寫的位置(或引入的方式),css樣式表可以分為三大類

1、行內樣式表(行內式)

2、內部樣式表(嵌入式)

3、外部樣式表(鏈結式)

一、內部樣式表(嵌入式)

(1)是寫到html頁面內部,是將所有的css**抽取出來,單獨放到乙個style標籤中

(2)style理論上可以放到html的任何乙個地方,但通俗的約定放在文件的head標籤中

通過此種方式,可以方便控制當前整個頁面中的元素樣式設定

優缺點:**結構清晰,但沒有實現結構與樣式完全分離

還有一種匯入式

在內聯樣式中通過 @import 方法,匯入其他樣式,提供給當前頁面使用。

使用匯入樣式的缺點

1、匯入樣式,只能放在 style 標籤的第一行,放其他行則會無效。

2、@import 宣告的樣式表不能充分利用瀏覽器併發請求資源的行為,其載入行為往往會延後觸發或被其他資源載入掛起。

3、由於 @import 樣式表的延後載入,可能會導致頁面樣式閃爍。

二、行內樣式表(行內式)

是在元素標籤內部的style屬性中設定css樣式。適合於修改簡單樣式。

"color: pink;font-size: 20px">雲鬢花顏金步搖,芙蓉帳暖度春宵。

style其實就是標籤的屬性,可以控制當前的標籤樣式。

使用行內樣式的缺點:

1、樣式不能復用。

2、樣式權重太高,樣式不好覆蓋。

3、表現層與結構層沒有分離。

4、不能進行快取,影響載入效率。

三、外部樣式表(鏈結式)

實際開發中採用,適合於樣式比較多的情況

**核心:**樣式單獨寫到css檔案中,之後把css檔案引入到html頁面中使用

引入外部樣式表分為兩步:

1、新建乙個字尾名為.css的樣式檔案,把所有css**都放入此檔案中

(css檔案裡面只有樣式,沒有標籤)

2、在html頁面中,使用標籤引入這個檔案

"stylesheet" href="css檔案路徑">

css樣式內聯式,外聯式,嵌入式

特徵 1 有乙個單獨的css檔案存在!如 001.css 2 首先,通過 格式 樣式表連線 與css檔案 001.css 建立連線!3 在合適的地方使用 class 樣式名 呼叫具體的樣式效果!如 特徵 1 樣式的屬性內容以 的形式 放在 寫在網頁 中!2 首先,通過 格式 樣式 設定樣式的屬性內容...

非嵌入式與嵌入式的區別

非嵌入式是通過軟體控制硬體,軟硬體之間直接聯絡來實現要求。但是一旦硬體發生改變軟體也要改變,為了降低這種偶合度過高的問題,出現了嵌入式。嵌入式在軟體和硬體之間新增了作業系統,軟體通過控制作業系統進而控制硬體,硬體發生改變並不會導致軟體也發生改變,這為軟體開發人員節約了很多時間,並且嵌入式能在已有的硬...

嵌入式的幾種韌體燒錄方式

1.1 什麼是韌體韌體 firmware 一般儲存於裝置中的電可擦除唯讀儲存器eeprom electrically erasable programmable rom 或flash晶元中,一般可由使用者通過特定的重新整理程式進行公升級的程式。一般來說,擔任著乙個數碼產品最基礎 最底層工作的軟體才可...