文字三屬性

1.顏色color

2.字型font-family

① 常用字型

常用的中文字型：

　　宋體　　　　SimSum

　　微軟雅黑　　Microsoft YaHei

常用的英文字型：

如果不設定字型屬性，不同的瀏覽器有自己的預設字型。 ② 注意事項 a. font-family 可以設定多個字型名稱，在實際載入時只會選擇一種載入，選擇依據是按書寫順序進行，如果瀏覽器不支援第一個字型，則會嘗試下一個，直到找到第一個支援的字型。 b. 瀏覽器中載入的字型是使用者機器中自帶的，如果使用者的電腦中沒有設定的字型則載入失敗，需要查詢下一個，因此，必須在最後設定一個所有機器都具備的通用字 體作為後路。 c. 中文字型中一般帶有英文可以載入的字型效果，為了避免對英文字的字型影響，建議將英文字型寫在屬性值最前面。

<p style="font-family: 'arial','微軟雅黑'，'宋體'">hao</p>

3. 字號 font-size

①注意事項

a. 如果 HTML 中不設定字號，不同的瀏覽器有自己預設的載入字號，比如 chrome、IE，預設顯示字號為 16px。 b. 不同的瀏覽器也有自己最小載入顯示字號，如果設定的字號低於最小字號，都以最小字號載入，0除外。chrome 瀏覽器最小載入顯示字號為8px，IE 瀏覽器最小可以支援1px的字號。 ② 實際應用 a. 網頁中最小設定字號必須是12px，如果低於12px會出現相容問題。現在網頁中普遍使用14px+。 b. 儘量使用12px、14px、16px等偶數的數字字號，ie6 等老式瀏覽器支援奇數會有bug。 c. 實際工作中的字號，需要以設計圖為準。 盒子實體化三屬性

<div style="width: 100px; height: 100px; background-color: pink;">1</div>