首頁 > web前端 > css教學 > css字體如何設定

css字體如何設定

coldplay.xixi
發布: 2023-01-05 16:08:57
原創
16725 人瀏覽過

css字體設定的方法:1、h2中的大小設定em;2、字體設定需要用到【font-family】;3、字體粗細設定需要用到屬性【font-weight】;4 、字體樣式用【font-style】屬性。

css字體如何設定

本教學操作環境:windows7系統、css3版,DELL G3電腦。

css字體設定的方法:

1、字體大小設定

字體大小設置,常見的有四種不同的方法:

body{
font-size:14px;
}
h1{
font-size:150%;
}
h2{
font-size:1.2em;
}
h3{
font-size:small;
}
登入後複製

body中的大小設定14px,表示字體的高度是14個像素;

h1中的大小設定百分比,是表示相對大小,相對於body的150 %倍;

h2中的大小設定em,是表示相對大小,想對於body的1.2倍大小;

h3中的大小直接是關鍵字。常用的有small,medium,large;

2、字體設定

#字體設定需要用到font-family設定:

body{
font-family:Verdana,Genva,Arial,sans-serif;
}
登入後複製

#3、字體粗細

字體粗細設定需要用到屬性font-weight設定:

body{
font-weight:bold;
}
登入後複製

bold表示粗體,還有normal、bolder,lighter。也可以用數值表示。

4、字體樣式

字體樣式用font-style屬性設定:

body{
font-style:italic;
}
h1{
font-style:oblique;
}
登入後複製

相關學習推薦:css教學

#

以上是css字體如何設定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板