css剩餘部分

一、link和@import的區別

---

頁面中引入的方式有三種：

1.在行內定義style屬性
2.頁面頭部內嵌<style>標籤
3.通過link和@import鏈接樣式表

<link rel="stylesheet"type="text/css" href="css文件">  
    <style>  
    @import css文件;  
    @import 'css文件';  
    @import "css文件";  
    @import url(css文件);  
    @import url('css文件');  
    @import url("css文件");  
    </style>  

import的寫法比較多
@import ‘style.css’ //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
@import “style.css” //Windows IE4/ NS4, Macintosh IE4/NS4不識別
@import url(style.css) //Windows NS4, Macintosh NS4不識別
@import url(‘style.css’) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
@import url(“style.css”) //Windows NS4, Macintosh NS4不識別
推薦使用 @import url(index.css);

link和@import的區別：

差別1：歸屬（老祖宗）
link屬於XHTML標籤，而@import屬於css提供的一種方式。
Link除了加載css之外，還可以做其他事情，比如定義RSS，定義rel連接屬性等，@import只能加載CSS了。
差別2：加載順序
當頁面被加載的時候，link引入的css會同時被加載，@import引入的css只能等到頁面全部被下載完再加載，如果網速慢的話，這種情況表現的就很明顯。
差別3：兼容性
@import是由CSS 2.1提出的，所以老的瀏覽器不支持，只有IE5以上才能識別，link無此問題
差別4：使用DOM操作樣式
使用dom只能控制link引入的樣式
差別5：@import還可以在CSS中引入其他樣式表
差別6：link引入的css的權重高於@import引入的css

二、font-family

---

font-family 屬性設置文本的字體系列。   

爲什麼要用“後備”機制？

font-family 屬性應該設置幾個字體名稱作爲一種”後備”機制，瀏覽器優先使用排在前邊的字體，如果瀏覽器不支持第一種字體，他將嘗試下一種字體。如果所列出的字體都無法滿足需要，則讓操作系統自行決定使用哪種字體。

注意: 如果字體系列的名稱超過一個字，它必須用引號，如Font Family："宋體"。
多個字體系列是用一個逗號分隔指明： 

p{font-family:"Times New Roman", Times, serif;}   

css字體中英文對照表參考這裏

需要注意的問題

需要注意的問題參考這篇文章的第二點