font-size屬性用于設置字號，該屬性的值可以使用相對長度單位，也可以使用絕對長度單位。其中，相對長度單位比較常用，推薦使用像素單位px，絕對長度單位使用較少。具體如下：
font-family屬性用于設置字體。網(wǎng)頁中常用的字體有宋體、微軟雅黑、黑體等，例如將網(wǎng)頁中所有段落文本的字體設置為微軟雅黑，可以使用如下CSS樣式代碼：
p{ font-family:“微軟雅黑”;}
可以同時指定多個字體，中間以逗號隔開，表示如果瀏覽器不支持第一個字體，則會嘗試下一個，直到找到合適的字體。
在 CSS 中設置字體名稱，直接寫中文是可以的。但是在文件編碼（GB2312、UTF-8 等）不匹配時會產生亂碼的錯誤。xp 系統(tǒng)不支持 類似微軟雅黑的中文。
方案一： 你可以使用英文來替代。 比如 font-family:“Microsoft Yahei”。
方案二： 在 CSS 直接使用 Unicode 編碼來寫字體名稱可以避免這些錯誤。使用 Unicode 寫中文字體名稱，瀏覽器是可以正確的解析的。
font-family: “\5FAE\8F6F\96C5\9ED1”，表示設置字體為“微軟雅黑”。
審查各個網(wǎng)站，你會發(fā)現(xiàn)
字體加粗除了用 b 和 strong 標簽之外，可以使用CSS 來實現(xiàn)，但是CSS 是沒有語義的。
font-weight屬性用于定義字體的粗細，其可用屬性值：normal、bold、bolder、lighter、100~900（100的整數(shù)倍）。
數(shù)字 400 等價于 normal，而 700 等價于 bold。 但是我們更喜歡用數(shù)字來表示。
字體傾斜除了用 i 和 em 標簽之外，可以使用CSS 來實現(xiàn)，但是CSS 是沒有語義的。
font-style屬性用于定義字體風格，如設置斜體、傾斜或正常字體，其可用屬性值如下：
normal：默認值，瀏覽器會顯示標準的字體樣式。
italic：瀏覽器會顯示斜體的字體樣式。
oblique：瀏覽器會顯示傾斜的字體樣式。
平時我們很少給文字加斜體，反而喜歡給斜體標簽（em，i）改為普通模式。
font屬性用于對字體樣式進行綜合設置，其基本語法格式如下：
選擇器{font: font-style font-weight font-size/line-height font-family;}
使用font屬性時，必須按上面語法格式中的順序書寫，不能更換順序，各個屬性以空格隔開。
注意：其中不需要設置的屬性可以省略（取默認值），但必須保留font-size和font-family屬性，否則font屬性將不起作用。
color屬性用于定義文本的顏色，其取值方式有如下3種：
1.預定義的顏色值，如red，green，blue等。
2.十六進制，如#FF0000，#FF6600，#29D794等。實際工作中，十六進制是最常用的定義顏色的方式。
3.RGB代碼，如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。
需要注意的是，如果使用RGB代碼的百分比顏色值，取值為0時也不能省略百分號，必須寫為0%。
ine-height屬性用于設置行間距，就是行與行之間的距離，即字符的垂直間距，一般稱為行高。line-height常用的屬性值單位有三種，分別為像素px，相對值em和百分比%，實際工作中使用最多的是像素px
一般情況下，行距比字號大7.8像素左右就可以了。
text-align屬性用于設置文本內容的水平對齊，相當于html中的align對齊屬性。其可用屬性值如下：
left：左對齊（默認值）
right：右對齊
center：居中對齊
text-indent屬性用于設置首行文本的縮進，其屬性值可為不同單位的數(shù)值、em字符寬度的倍數(shù)、或相對于瀏覽器窗口寬度的百分比%，允許使用負值, 建議使用em作為設置單位。
1em 就是一個字的寬度 如果是漢字的段落， 1em 就是一個漢字的寬度
text-decoration 通常我們用于給鏈接修改裝飾效果
| 值 | 描述 |
|---|---|
| none | 默認。定義標準的文本。 |
| underline | 定義文本下的一條線。下劃線 也是我們鏈接自帶的 |
| overline | 定義文本上的一條線。 |
| line-through | 定義穿過文本下的一條線。 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div {
font-size: 40px;
/*text-decoration: none; 取消裝飾*/
/*text-decoration: underline; 下劃線*/
/*text-decoration: overline; 上劃線*/
/*text-decoration: line-through; 刪除線*/
font-style: italic;
}
s {
text-decoration: none; /* 取消刪除線*/
}
em {
font-style: normal;
}
strong {
font-weight: 400;
}
ins {
text-decoration: none;
}
</style>
</head>
<body>
<div>裝飾自己</div>
<s>現(xiàn)價： 188</s>
<em>傾斜</em> <i>傾斜</i>
<strong>加粗</strong> b
u <ins>下劃線</ins>
s del
</body>
</html>
聯(lián)系客服
