在編程中,字型(字型)的設定通常通過CSS(層疊樣式表)來實現。以下是一些基本的CSS語法,用於設定網頁中的字型樣式:
設定字型族(Font Family):
body {
font-family: "Arial", sans-serif;
}
這裡font-family
屬性用於指定字型族。如果用戶的系統中沒有安裝"Arial"字型,瀏覽器將回退到sans-serif
字型族。
設定字型大小(Font Size):
p {
font-size: 16px;
}
font-size
屬性用於設定字型的大小。可以使用像素(px)、百分比(%)、em、rem等單位。
設定字型粗細(Font Weight):
h1 {
font-weight: bold;
}
font-weight
屬性用於設定字型的粗細。常見的值有normal
、bold
、bolder
、lighter
,或者可以使用數值(如100到900)。
設定字型樣式(Font Style):
em {
font-style: italic;
}
font-style
屬性用於設定字型的樣式,如normal
、italic
、oblique
。
設定字型顏色(Color):
a {
color: #007BFF;
}
color
屬性用於設定字型的顏色。可以使用十六進位顏色代碼、RGB、RGBA、HSL、HSLA等。
設定文本裝飾(Text Decoration):
.underline {
text-decoration: underline;
}
text-decoration
屬性用於設定文本的裝飾效果,如underline
、overline
、line-through
、none
等。
設定文本對齊(Text Align):
.center {
text-align: center;
}
text-align
屬性用於設定文本的水平對齊方式,如left
、right
、center
、justify
。
設定行高(Line Height):
.spaced {
line-height: 1.6;
}
line-height
屬性用於設定行高,可以是一個無單位的值(相對於當前字型大小),也可以是具體的長度單位。
這些是CSS中常用的字型樣式設定方法。通過組合這些屬性,可以創建出豐富多樣的文本樣式。