字型樣式 CSS入門基礎(005)

2021-10-11 18:41:03 字數 1616 閱讀 9548

今天我們分享關於字型樣式的內容。

在網頁開發中,需要優先考慮頁面的文字樣式屬性。包括字型、大小、粗細、顏色等;

css字型樣式屬性

屬性值說明

font-family

字型型別

font-size

字型大小

font-style

字型斜體

color

字型顏色

除了字型顏色以外,其他文字屬性都是font字首開頭,可以根據英文意思去記憶,方便很多。

font-family字型型別:

在css中,使用font-family屬性定義字型型別。

語法:

font-family:字型1,字型2,字型3;
可以指定多個字型,按照優先順序,以逗號隔開。

示例**:

我是宋體

我是微軟雅黑

很多時候,我們會在font-family後面,填寫很多字型,這個原因是每個人的電腦安裝的字型都不一樣,如果你設定的字型,正好登入的電腦沒有,那就需要後續的字型來支援。

font-size字型大小:

語法:

font-size: 關鍵字或者畫素值;
font-size屬性關鍵字取值

屬性值說明

xx-small

最小x-small

較小small

小medium

預設值,正常

large

大x-large

較大xx-large最大

以上屬性都是相對於瀏覽器的預設字型大小而言的,大家也不需要記憶,因為在實際開發中,很少用到關鍵字屬性值,一般都是直接採用畫素大小來表示的。

示例**:

我是small字型

我是medium字型

我是large字型

採用畫素px的取值:

在目前國內的主流**中,大部分都是採用畫素px為單位的。那麼什麼是px呢?

px,全稱pixel,畫素。px就是中最小的點,也是計算機螢幕最小的點,是顯示單位。比如一台電腦的顯示器解析度是800 * 600 px,指的就是螢幕寬度800畫素,高度600畫素,以顯示器的解析度來說,一般windows系統的解析度為每英吋96px,mac系統的解析度是每英吋72px。

示例**:

字型大小為10px

字型大小為15px

字型大小為20px

下節我們繼續分享字型的內容。

css字型樣式

注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...

css 字型樣式

通常使用絕對大小定義文件的基準字型大小,然後使用相對大小定義其它文字 如 定義文件預設字型大小為12培訓,位150 則呈現12px大小,呈現為18px的大小 常用技巧 中文網頁的字型大小設定,通常使用偶書字型大小,以避免文字邊緣出現毛邊,如14px或22px 在pc端設定字型大小最小值為12px,在...

CSS字型樣式

字型 font family 文字大小 font size 文字顏色 color 文字粗細 font weight 文字樣式 font style 定義元素內文字以什麼字型來顯示 語法 font family 字型1,字型2,說明 含空格字型名和中文,用英文引號括起 多個字型,用英文逗號隔開 引號巢...