2019-12-21字體、顏色

設置字體顏色

使用color來設置文字的顏色
css顏色表示法
"1、顏色名表示,比如:red 紅色,gold 金色
2、rgb表示,比如:rgb(255,0,0)表示紅色
3、16進制數(shù)值表示,比如:#ff0000 表示紅色,這種可以簡寫成 #f00"

設置文字的大?。?br> 瀏覽器中一般默認的文字大小都是16px,font-size設置的并不是文字本身的大小,在頁面中,每個文字都是處在一個看不見的框中的,我們設置的font-size實際上是設置格的高度,并不是字體的大小,一般情況下文字都要比這個格要小一些,也有時會比格大,根據(jù)字體的不同,顯示效果也不同

通過font-family可以指定文字的字體
當采用某種字體時,如果瀏覽器支持則使用該字體,如果字體不支持,則使用默認字體
該樣式可以同時指定多個字體,多個字體之間使用“,”分開
瀏覽器使用的字體默認就是計算機中的字體,如果計算機中有,則使用,如果沒有就不用
在開發(fā)中,如果字體太奇怪,用的人太少了,盡量不要使用,有可能用戶的電腦沒有,就不能達到想要的效果

分類:

在網(wǎng)頁中將字體分成5大類:
serif(襯線字體)
sans-serif(非襯線字體)
monospace (等寬字體)
cursive (草書字體)
fantasy (虛幻字體)
可以將字體設置為這些大的分類,瀏覽器會自動選擇指定的字體,并應用樣式
一般會將字體的大分類,指定為font-family中的最后一個字體

  • font-style可以用來設置文字的斜體
    可選值:
    normal 默認值,文字正常顯示
    italic 文字會以斜體顯示
    oblique 文字會以傾斜的效果顯示
    大部分瀏覽器都不會對傾斜和斜體做區(qū)分,也就是說我們設置italic和oblique效果是一樣的
    一般我們只會使用italic
  • font-weight可以用來設置文本的加粗效果
    可選值:
    normal 默認值,文字正常顯示
    bold 文字加粗顯示
    該樣式也可以指定100-900之間的9個值
    但是由于用戶的計算機往往沒有這么多級別的字體,所以200有可能比100粗,但也有可能是一樣的
  • font-variant可以用來設置小型大寫字母
    可選值:
    normal 默認值,文字正常顯示
    small-caps 文本以小型大寫字母顯示
    小型大寫字母:
    將所有的字母都以大寫形式顯示,但是小寫字母的小型大寫,要比大寫字母小一些。
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容