1.font-family
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>選擇器</title>
<style type="text/css">
h1{font-family: "Times New Roman";}
p {font-family: "微軟雅黑","宋體","黑體";}
</style>
<!-- font-family字體屬性 定義元素內(nèi)文字以什么字體來顯示 可以是具體字體名也可以是字體集-->
<!-- 含空格字體名和中文,用英文引號(")包裹 -->
<!-- 多個字體用逗號隔開,會根據(jù)系統(tǒng)有的字體,從左到右進(jìn)行選擇 -->
<!-- 字體集 : -->
</head>
<body>
<h1> 設(shè)置字體樣式</h1>
<p>設(shè)置字體樣式測試</p>
<h2 style="font-family: '黑體';">直接設(shè)置樣式</h2>
<!-- 引號嵌套,外使用雙引號,內(nèi)部使用單引號 -->
</body>
</html>
2.font-size
定義元素內(nèi)文字大小
使用方式 font-size:絕對單位|相對單位
不設(shè)置字體大小時,為瀏覽器默認(rèn)字體大小。
絕對單位
不能隨瀏覽器分辨率或父元素大小改變而改變

絕對單位.png
相對單位
隨分辨率改變而改變
單位有:px em %
color
| 方式 | 寫法 | 說明 |
|---|---|---|
| 具體顏色名稱 | h1{color:red} | 使用具體顏色 |
| rgb | h1 {color:rgb(10%,10%,100%)} | 數(shù)字:0~255 百分比0%~100% |
| 16進(jìn)制 | h1{color:#008800} | #號開頭,0~F 不區(qū)分大小寫,#008800和#080一致,會自動補充 |
font-weight字體加粗
html加粗:用<b></b>或者<strong></strong>
font-weight:normal,bold(加粗),bolder,lighter(細(xì)),100~900
默認(rèn)值:normal
400等于normal,700等于bold
斜體 font-style
html斜體<em></em>或者<i></i>
font-style:normal ,italic(斜體),oblique(傾斜)
字體變形 font-variant 作用于英文
將小寫字母轉(zhuǎn)換為小型大寫字母
font-variant:normal,small-caps
<p style="font-variant">Cascading Style Sheets<p/>
效果

小型大寫字母.png