1. 程式人生 > 其它 >src和href;link和@import;line-height行高賦值方式; 的區別

src和href;link和@import;line-height行高賦值方式; 的區別

一.src和href的區別

1. src 用於替換當前元素
2.href 用於在當前文件和引用資源之間確立聯絡
3.src 是 source 的縮寫,指向外部資源的位置,指向的內容將會嵌入到文件中當前標籤所在位置
4.href 是 Hypertext Reference 的縮寫,指向網路資源所在位置,建立和當前元素(錨點)或當前文件
(連結)之間的連結

二.link和@import的區別

1. link 屬於 HTML 標籤,而@import 是 CSS 提供的,且只能載入 CSS
2. 頁面被載入時,link 會同時被載入,而@import 引用的 CSS 會等到頁面被載入完再載入
3. import 只在 IE5 以上才能識別,而 link 是 HTML 標籤,無相容問題
4.link 方式的樣式的權重 高於@import 的權重
5. 當使用 Javascript 控制 DOM 去改變樣式的時候,只能使用 link 方式,因為 @import 眼裡只
有 CSS ,不是 DOM 可以控制
6. 合理的標籤使用

三.line-height(行高)的三種賦值方式的區別(帶單位,純數字,比例(百分比))

1.帶單位:px 不用計算,em 則會使元素以其父元素 font-size 值為參考來計算自己的行高
2. 純數字:把比例傳遞給後代,例如父級行高為 1.5,子元素字型為 18px,則子元素行高為
1.5*18=27px
3. 百分比:將計算後的值傳遞給後代
4. 付費給搜尋引擎
5. 連結交換和連結廣泛度(Link Popularity)
6. 合理的標籤使用