CSS字型屬性

font-family 字型

" Microsoft Yahei " 微軟雅黑

字型之間使用逗號隔開。

font-size 字型大小

谷歌瀏覽器預設16px

標題標籤比較特殊，需要單獨指定大小。

font-weight 字型粗細

bold 加粗 但在實際中，更提倡用數字使字型加粗或變細。400px相當於normal，700px為加粗。

font-style 文字樣式

複合屬性

font ：font-style font-weight font-size/line-height（行高）font-family

注意！！！ 不能更換順序且size與family是不能省略的。

CSS文字屬性

text-align 設定元素內文字內容的水平對齊方式

text-decoration 裝飾文字 text-decoration：none；取消下劃線

underline 下劃線，連結a自帶下劃線； overline 上劃線； line-through 刪除線；

text-indent 將段落首行縮排； text-indent：2em；如果此時寫了2em，則是縮排當前元素2個文字大小的距離。

line-height 行間距（行高）

CSS的引入方式

三種樣式表：內部樣式表 行內樣式表 外部樣式表

外部樣式表分為兩步：①新建.css的樣式檔案 ②在HTML中，使用<link>標籤引入。

ps：想要圖片居中對齊，則是讓它的父級新增水平居中的程式碼。

Chrome除錯工具

在頁面用F12開啟，或滑鼠單擊右鍵點選檢查。

①ctrl+滾輪，可以放大開發者工具程式碼大小。

②左邊是HTML元素結構，右邊是CSS樣式。

③ctrl+o 復原瀏覽器大小。