今天我們公司的設(shè)計(jì)師小周給大家介紹一下在CSS代碼中，如何設(shè)置字體顏色、字體風(fēng)格、字體大小、字體類型、字體重量以及一次設(shè)置文字的多個(gè)樣式。

1、字體顏色：舉個(gè)例子，比如給字體加紅，我們可以使用這個(gè)樣的語句< span style = color: # ff0000；background - color: transparent ">紅色文字</ span >紅色字母< span style = color: # ff0000；background - color: transparent "> </ SPAN >文字的紅色指定。

2、字體風(fēng)格：我們可以設(shè)置“斜”或“傾斜”。< span style font = - style: italic "> Italic </ span > < span style font = - style: ITALIC ">斜體</ SPAN >字體斜體指定。要指定斜體。正確的是“oblique”斜體指定，根據(jù)瀏覽器不支持的東西，所以有同樣的風(fēng)格的“italic”預(yù)先

指定比較保險(xiǎn)。但是你指定的“斜”斜體，因?yàn)橛幸恍g覽器不支持的方法，你指定的“傾斜”的風(fēng)格是同源性安全。

3、字體風(fēng)格：font - size:字體的大小字體大小。指定“pt”、“em”、“in（inch）”等的算術(shù)單位的其他小的一方，從“xx - small”、“x - small”、“small”、“medium”、“l(fā)arge”、“x - large”、“xx”- large指定可以?！癙T”，“排放”指定“，”其他單位，如算術(shù)（英寸），

“XX小”，“X -小”，“小”，“中等”，“大”從較小的“X大”，“大XX”可以指定。< span style font = - size:8pt ">8點(diǎn)的文字</ span >8PT“>8點(diǎn)字符<跨度風(fēng)格=”字體大?。?lt;/ SPAN >< span style font = - size: x - small ">小文字</ span >小字符< span style font = - size: x - small "> 

</ SPAN >通過瀏覽器“small”和“x - small”的尺寸等同的東西為了也有，嚴(yán)格的尺寸，固定如果想要“10pt”等的算術(shù)單位使用。使用如“10PT”算術(shù)單元，因?yàn)槿绻俣椤癤 -小”和“小”在瀏覽器上的大小相同，你要修復(fù)完全相同的大小。

4、字體類型：font - family:也稱為家庭類型字體的種類的指定。< span style font = - family: verdana，arial，helvetica，sans - serif ">字體的種類</ span > < span style font = - family: verdana，arial，helvetica，sans - serif ">字體類型</ SPAN >上述字體

的種類是復(fù)數(shù)指定也行。字體類型指定多個(gè)可如上所述。這個(gè)場合，瀏覽器對(duì)應(yīng)著字體從前頭優(yōu)先表示開始。你可以在自己的瀏覽器上查看一下。“Times New Roman」一樣的字體，家族空白的時(shí)候（引號(hào)）圍著放置。如果有“宋體”字體家族中的天空格“括號(hào)（不帶引號(hào)）。

5、字體的重量：實(shí)際上，字體字體是有重量的，比如我們常說的這個(gè)字體多少多少磅。范圍為100～900之間的100單位的數(shù)字，或是“bold”、“bolder”、“l(fā)ighter”可以指定，我們可以使用這樣的一句為成都網(wǎng)站建設(shè)加粗：< span style font = - weight: bold ">粗體字</ span >

< span style font =成都網(wǎng)站建設(shè)- weight: bold "> </ SPAN >

6、一次設(shè)置文字的多個(gè)樣式，我們使用font來一次指定文字的多個(gè)樣式：比如我們可以使用這樣的語句一次設(shè)置文字的重量、風(fēng)格和類型。< span style font =:10pt bold italic arial ">字體指定</ span >指定字體10PT加粗斜體宋體> 

網(wǎng)站欄目：CSS中如何設(shè)置字體的顏色、風(fēng)格、大小、類型、重量以及一次設(shè)置多個(gè)樣式
網(wǎng)站路徑：http://aaarwkj.com/news36/258836.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計(jì)公司、用戶體驗(yàn)、做網(wǎng)站、動(dòng)態(tài)網(wǎng)站、網(wǎng)站建設(shè)、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)