和CSS是構建網頁的兩個基本元素,CSS可以通過設置字體樣式來美化網頁。下面我們來了解一下在HTML中如何用CSS設置字體樣式。
首先,我們需要在HTML中引入CSS文件:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>在CSS文件中,我們可以使用字體屬性(font-family、font-size、font-weight、font-style、line-height)來設置字體樣式。下面是一些常用的屬性及其說明: font-family:設置字體的類型,可以使用電腦中已有的字體或者下載導入新字體。如下代碼設置字體為微軟雅黑:
p { font-family: "Microsoft YaHei", sans-serif; }font-size:設置字體的大小,通常以像素為單位。如下代碼設置字體大小為20像素:
p { font-size: 20px; }font-weight:設置字體的粗細,通常可以設置為normal或bold。如下代碼設置字體為粗體:
p { font-weight: bold; }font-style:設置字體的樣式,通常可以設置為normal或italic。如下代碼設置字體為斜體:
p { font-style: italic; }line-height:設置行高,通常以倍數為單位。如下代碼設置行高為1.5倍:
p { line-height: 1.5; }通過使用以上屬性,我們可以輕松地設置字體的樣式,讓網頁變得更加美觀。