CSS Fonts字型屬性

2021-10-22 04:48:26 字數 1346 閱讀 2273

css fonts(字型)屬性用於定義字型系列、大小、粗細、和文字樣式(如斜體)

一、css使用font-family屬性定義文字的字型系列

h2

p

(1)各種字型之間必須使用英文狀態下的逗號隔開。

(2)一般情況下,如果有空格隔開的多個單詞組成的字型,加引號。

(3)盡量使用系統預設自帶字型,保證在任何使用者的瀏覽器中都能正確顯示 。

(4)可直接給body主體標籤選定字型,使全部內容都是同一字型。

二、字型大小 font-size

p

px(畫素大小)是我們網頁最常用的單位,谷歌瀏覽器預設的文字大小為16px。

可以給body指定整個頁面文字的大小,標題標籤比較特殊,需要單獨指定文字大小。

body

h2

三、字型粗細 font-weight

normal預設字型大小為400

.bold

實際開發中更提倡用數字表示加粗或者變細

三、文字樣式 font-style

p

normal 預設值,顯示標準的字型樣式

italic 顯示斜體的字型樣式

四、字型復合屬性

font : font-style font-weight font-size/line-height font-family

使用font屬性時,必須按上面語法格式中的順序書寫,順序不可改變,並且各個屬性間以空格隔開。

不需要設定的屬性可以忽略(取預設值),但必須保留font-size和font-family屬性,否則font屬性將不起作用

/* 

font-style: italic;

font-weight: 700;

font-size: 16px;

font-family: "microsoft yahei";

*/// 用一行**來代替上面四行

/* 復合屬性:簡寫的方式 */

/* font : font-style font-weight font-size/line-height font-family; */

font

: italic 700 16px /20px "microsoft yahei"

;

背景屬性 字型屬性

css屬性相關 高度寬度設定,主要 只有塊級標籤能夠設定高度寬度,內斂標籤不能設定高度寬度,它的高度寬度是由內容決定的 1 style 2div 7span 12style 1.c1 a 補充 a標籤的字型顏色設定必須選中a標籤才行 字型屬性 1 c1字型大小 1 c1字重 1 c1 字的粗細 no...

CSS字型屬性

字型族科 語法 font family 族科名稱 種類族科 族科名稱 種類族科 允許值 族科名稱 任意字型族科名稱都可以使用 種類族科 serif e.g.times sans serif e.g.arial or helvetica cursive e.g.zapf chancery fantas...

css字型屬性

css字型屬性用於定義字型的顏色,大小和樣式。font family 用於定義字型的樣式,如黑體,宋體等等。在使用font family時要注意以下幾點 1 在開發中不要使用自己電腦上特有的字型,因為我們寫的網頁是讓其他使用者看的,樣式特殊的話,其他人的電腦上可能沒有這種字型,就會顯示出現效果差。2...