css入門(三) 字型樣式

2021-10-02 19:16:59 字數 655 閱讀 8471

1. 概述

a. 文字樣式屬性主要包括字型、大小、粗細、顏色等放方面。

font-family:字型型別

font-size:字型大小(高和寬)

font-weight:字型粗細(」肥胖「程度)

font-style:字型斜體

color:顏色

2. font-family、font-size、font-weight、font-style

a. 瀏覽器預設的font-family是宋體。

b. font-size的值可以設定為關鍵字(xx-small、x-small、medium、large等),也可以設定為數值(20px等),推薦使用數值。

c. color的值可以設定為關鍵字(red、green等),也可以設定為rgb數值(#3ef0a4)。

d. font-weight的值可以設定為關鍵字(normal、bold等),也可以設定為100~900的數值(100等),推薦使用關鍵字。

e. font-style的值可以設定為關鍵字(normal、italic、oblique),其中,italic是使用文字的斜體,oblique是讓文字傾斜(某些偏僻子沒有斜體)

e.g. a

b你好c

CSS入門筆記三 字型屬性font

在css中將字型的屬性全用font來來設定,我們常用的有以下屬性 1.字型系列 font family 後可跟多個值,但值之間需要用逗號隔開,當電腦無第乙個值的字型 如微軟雅黑 時會選擇第二個值的字型,若無第二個值的字型則會選擇第三個值,這樣依次往下選擇。2.字型大小 font size 屬性值是畫...

CSS乾貨系列(三)字型

1.字型屬性,font family 為元素提供候選的先後順序列表,2.字型風格,屬性 font style 最常用於規定斜體文字。屬性有三個值 normal 文字正常顯示 italic 文字斜體顯示 oblique 文字傾斜顯示。3.小型大寫字母。font variant 屬性可以設定小型大寫字母...

css基礎(三) 字型控制

3.字型 1.text overflow 與 word wrap text overflow用來設定是否使用乙個省略標記 標示文字內溢位 但是只能說明溢位時用什麼方式顯示,要實現省略號效果,必須定義一行內顯示 white space nowrap 以及溢位內容隱藏 overflow hidden 如...