首頁  >  文章  >  web前端  >  css字體如何設定

css字體如何設定

coldplay.xixi
coldplay.xixi原創
2021-04-15 16:24:2516703瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn