2023-05-10 分類: 網(wǎng)站建設(shè)
今天我們公司的設(shè)計師小周給大家介紹一下在CSS代碼中,如何設(shè)置字體顏色、字體風(fēng)格、字體大小、字體類型、字體重量以及一次設(shè)置文字的多個樣式。
1、字體顏色:舉個例子,比如給字體加紅,我們可以使用這個樣的語句< 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ù)先
指定比較保險。但是你指定的“斜”斜體,因為有一些瀏覽器不支持的方法,你指定的“傾斜”的風(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點的文字 span >8PT“>8點字符<跨度風(fēng)格=”字體大?。?/ SPAN >< span style font = - size: x - small ">小文字 span >小字符< span style font = - size: x - small ">
SPAN >通過瀏覽器“small”和“x - small”的尺寸等同的東西為了也有,嚴(yán)格的尺寸,固定如果想要“10pt”等的算術(shù)單位使用。使用如“10PT”算術(shù)單元,因為如果假定為“X -小”和“小”在瀏覽器上的大小相同,你要修復(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ù)指定也行。字體類型指定多個可如上所述。這個場合,瀏覽器對應(yīng)著字體從前頭優(yōu)先表示開始。你可以在自己的瀏覽器上查看一下?!癟imes New Roman」一樣的字體,家族空白的時候(引號)圍著放置。如果有“宋體”字體家族中的天空格“括號(不帶引號)。
5、字體的重量:實際上,字體字體是有重量的,比如我們常說的這個字體多少多少磅。范圍為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è)置文字的多個樣式,我們使用font來一次指定文字的多個樣式:比如我們可以使用這樣的語句一次設(shè)置文字的重量、風(fēng)格和類型。< span style font =:10pt bold italic arial ">字體指定 span >指定字體10PT加粗斜體宋體>
網(wǎng)站題目:CSS中如何設(shè)置字體的顏色、風(fēng)格、大小、類型、重量以及一次設(shè)置多個樣式
文章起源:http://www.rwnh.cn/news/258836.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、網(wǎng)站內(nèi)鏈、云服務(wù)器、小程序開發(fā)、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容