在css中，我們常通過font-family設定文本字體，且通過font-size, color, font-weight，text-decoration等設置字體的屬性。

font-family: 指包含一組有共同特征的字體。共有五個字體系列：sans-serif, serif, monospace, cursive, fantasy.

serif: 指的是有襯線的字體，一般用于新聞報紙的文字排版；(注：襯線是指字母末端的裝飾性“小細線”)? ? ? ? ? ? ? ? ? ??

襯線字體：我是一段文字，ABCDEFGabcdefg

如Times, Times New Roman, Georgia.

sans-serif：指的是無襯線字體，一般用于計算機屏幕上文本的顯示；? ? ? ? ? ?

非襯線字體：我是一段文字，ABCDEFGabcdefg

如Verdana, Arial Black, Trebuchet MS, Arial, Geneva.

monospace: 指的是字符間有固定寬度的字體，這些字體主要用于顯示軟件代碼示例；? ? ? ? ? ? ? ? ? ?

等寬字體：我是一段文字，IHABCDEFGabcdefg

如Courier, Courier New, Andale Mono.

cursive: 指的是類似手寫的字體；? ? ? ? ? ? ? ?

草書字體：我是一段文字，ABCDEFGabcdefg

如Comic Sans, Apple Chancery.

fantasy: 指的是包含某種風格的裝飾性的字體。? ? ? ? ? ? ? ? ??

虛幻字體：我是一段文字，ABCDEFGabcdefg

如Last NINJA, Impact.

font-style可以用來設置文字的斜體

- 可選值：

normal 默認值，文字正常顯示

italic 文字會以斜體顯示

oblique 文字會以傾斜的效果顯示

- 大部分瀏覽器都不會對傾斜和斜體做區分，也就是說我們設置italic和oblique效果是一樣的

- 一般我們只會使用italic

font-weight可以用來設置文本的加粗效果

- 可選值：

normal 默認值，文字正常顯示

bold 文字加粗顯示

該樣式也可以指定100-900之間的9個值

但是由于用戶的計算機往往沒有這么多級別的字體，所以200有可能比100粗，但也有可能是一樣的

font-variant可以用來設置小型大寫字母

- 可選值：

normal 默認值，文字正常顯示

small-caps 文本以小型大寫字母顯示

小型大寫字母：

將所有的字母都以大寫形式顯示，但是小寫字母的小型大寫，要比大寫字母小一些

在CSS中還為我們提供了一個樣式叫font，使用該樣式可以同時設置字體相關的所有樣式

可以將字體的樣式值統一寫在font樣式中，不同的值之間使用空格隔開

使用font設置字體樣式時，斜體 加粗 小大字母，沒有順序要求，甚至可寫可不寫，如果不寫則使用默認值

但是要求文字的大小和字體必須寫，而且字體必須是最后一個樣式，大小必須是倒數第二個樣式

實際上使用簡寫屬性也會有一個比較好的性能

列表：

在網頁中一共有三種列表:

1:無序列表 ul,li

使用ul標簽來創建一個無序列表

使用li在ul中創建一個一個的列表項，一個li就是一個列表項

通過type屬性可以修改無序列表的項目符號，可選值：

disc：默認值，實心的圓點

square：實心的方塊

circle：空心的圓圈

注意：默認的項目符號我們一般都不使用

如果需要設置項目符號，則可以采用為li設置背景圖片的方式來設置

ul和li都是塊元素

2:有序列表 ol,li

有序列表和無序列表類似，只不過它使用ol來代替ul

有序列表使用有序的序號作為項目符號

type屬性，可以指定序號的類型，可選值：

1，默認值，使用阿拉伯數字

a/A，采用小寫或大寫字母作為序號

i/I，采用小寫或大寫的羅馬數字作為序號

ol也是塊元素

3:定義列表 dl,dd,dt

定義列表用來對一些詞匯或內容進行定義

使用dl來創建一個定義列表，它有兩個子標簽

dt：被定義的內容

dd：對定義內容的描述

同樣，dl、ul、ol之間都可以互相嵌套

列表之間都是可以互相嵌套，可以在無序列表中放個有序列表，也可以在有序列表中放一個無序列表.

總結

以上是生活随笔為你收集整理的css 日语字体,css字体的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。