CSS字體與文本樣式詳解

粗細(xì) font-weight作用：設(shè)置文字是否加粗顯示。屬性名：font-weight(屬于 font 屬性的一個(gè)單一屬性)字體風(fēng)格 font-style作用：設(shè)置文字是否斜體顯示。

創(chuàng)新互聯(lián)建站主營(yíng)永新網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP開發(fā)公司,永新h5小程序定制開發(fā)搭建,永新網(wǎng)站營(yíng)銷推廣歡迎永新等地區(qū)企業(yè)咨詢

Css可以設(shè)置網(wǎng)頁(yè)的樣式，比如字體大小顏色等等。今天小編就來(lái)分享一下設(shè)置HTML網(wǎng)頁(yè)字體類型大小和顏色方法。如圖，先在HTML網(wǎng)頁(yè)編寫一些測(cè)試的文字。然后在網(wǎng)頁(yè)預(yù)覽文字初始的字體效果，顏色是黑色，大小比較小。

文本樣式的設(shè)置 字體：可以在下拉菜單種選擇相應(yīng)的字體。大小：大小就是字號(hào)，可以直接填入數(shù)字，然后選擇單位。樣式：設(shè)置文字的外觀，包括正常、斜體、偏斜體。行高：這項(xiàng)設(shè)置在網(wǎng)頁(yè)制作種很常用。

CSS如何設(shè)置文字字體

CSS2規(guī)范根據(jù)長(zhǎng)度——水平和垂直尺寸——來(lái)定義字體。這個(gè)長(zhǎng)度為一個(gè)數(shù)值，前面可能帶一個(gè)可選的加(+)或減(-)標(biāo)記符。另外，該數(shù)值后可能有一個(gè)可選的單位標(biāo)識(shí)符。另外，CSS2規(guī)范定義了兩個(gè)單位類型：絕對(duì)單位和相對(duì)單位。

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標(biāo)簽中，輸入css代碼：a{font-family： 楷體；font-size： 20px；color： orange；}。

通過(guò)css設(shè)置font-family來(lái)制定字體集，瀏覽器可以順序查找使用你制定的一系列字體，讓你的頁(yè)面看起來(lái)還不錯(cuò)。裝飾性字體組好只用于標(biāo)題。然后用css的font-family指定缺省字體。

(2)行高字距，也叫行距行距是在整段文字中間的字距(也叫行距，但是這個(gè)行距對(duì)行距)。行高的方法可以是從行內(nèi)到行末另外增加行距12mm，因?yàn)檫@12個(gè)行距會(huì)在最外面加上一塊硬皮。

如何用css設(shè)置網(wǎng)頁(yè)字體

1、通過(guò)css設(shè)置font-family來(lái)制定字體集，瀏覽器可以順序查找使用你制定的一系列字體，讓你的頁(yè)面看起來(lái)還不錯(cuò)。裝飾性字體組好只用于標(biāo)題。然后用css的font-family指定缺省字體。

2、CSS2規(guī)范根據(jù)長(zhǎng)度——水平和垂直尺寸——來(lái)定義字體。這個(gè)長(zhǎng)度為一個(gè)數(shù)值，前面可能帶一個(gè)可選的加(+)或減(-)標(biāo)記符。另外，該數(shù)值后可能有一個(gè)可選的單位標(biāo)識(shí)符。另外，CSS2規(guī)范定義了兩個(gè)單位類型：絕對(duì)單位和相對(duì)單位。

3、所以我們需要統(tǒng)一設(shè)置默認(rèn)的字體樣式，以便實(shí)現(xiàn)一致的顯示效果來(lái)保證設(shè)計(jì)的一致性和提高開發(fā)效率。