CSS學習第三天 字型

2021-08-18 05:00:14 字數 1446 閱讀 9760

指定字型

選擇器

如果讀者沒有安裝 georgia,但安裝了 times 字型(serif 字型系列中的一種字型),使用者**就可能對 h1 元素使用 times。儘管 times 與 georgia 並不完全匹配,但至少足夠接近。

因此,我們建議在所有 font-family 規則中都提供乙個通用字型系列。這樣就提供了一條後路,在使用者**無法提供與規則匹配的特定字型時,就可以選擇乙個候選字型。

如果您對字型非常熟悉,也可以為給定的元素指定一系列類似的字型。要做到這一點,需要把這些字型按照優先順序排列,然後用逗號進行連線:

當字型名中有乙個或多個空格(比如 new york),或者如果字型名包括 # 或 $ 之類的符號,才需要在 font-family 宣告中加引號。

單引號或雙引號都可以接受。但是,如果把乙個 font-family 屬性放在 html 的 style 屬性中,則需要使用該屬性本身未使用的那種引號:

字型風格

選擇器

font-style 非常簡單:用於在 normal 文字、italic 文字和 oblique 文字之間選擇。唯一有點複雜的是明確 italic 文字和 oblique 文字之間的差別。

斜體(italic)是一種簡單的字型風格,對每個字母的結構有一些小改動,來反映變化的外觀。與此不同,傾斜(oblique)文字則是正常豎直文字的乙個傾斜版本。

字型變形:

選擇器

font-variant 屬性可以設定小型大寫字母。

小型大寫字母不是一般的大寫字母,也不是小寫字母,這種字母採用不同大小的大寫字母。

字型加粗:

選擇器

使用 bold 關鍵字可以將文字設定為粗體。

關鍵字 100 ~ 900 為字型指定了 9 級加粗度。如果乙個字型內建了這些加粗級別,那麼這些數字就直接對映到預定義的級別,100 對應最細的字型變形,900 對應最粗的字型變形。數字 400 等價於 normal,而 700 等價於 bold。

字型大小

選擇器

通過畫素設定文字大小,可以對文字大小進行完全控制:

p em設定字型大小

1em 等於當前的字型尺寸。如果乙個元素的 font-size 為 16 畫素,那麼對於該元素,1em 就等於 16 畫素。在設定字型大小時,em 的值會相對于父元素的字型大小改變。

瀏覽器中預設的文字大小是 16 畫素。因此 1em 的預設尺寸是 16 畫素。

可以使用下面這個公式將畫素轉換為 em:pixels/16=em

p /* 14px/16=0.875em */

font簡寫屬性。作用是把所有針對字型的屬性設定在乙個宣告中。

Python學習第三天 字典

在 python程式設計從入門到實踐中 用乙個遊戲來解釋了python中字典的各種用法。先建立乙個簡單的字典 alien 0 print alien 0 color print alien 0 points print alien 0 output green 5而要修改字典中的值,可以依次指定字典...

CSS學習第三天

定位布局 相對定位 相對於自身的位置進行偏移position需要搭配left right top bottom position relative 絕對定位 相對於有position屬性的父元素定位,如果父元素沒有position屬性就會再向上找父元素,最後一直找到body元素 position a...

Python 第三天 字串

常見的基本資料型別 1.int 整數 2.bool 布林.判斷.if while 3.str 字串,一般放小量的資料.4.list 列表.可以存放大量的資料 5.dict 字典,以key value的形式儲存資料 6.set 集合 數學 7.tuple 元組 不可變 1.int 整數 常見操作就那麼...