設(shè)置字體顏色:
使用color來設(shè)置文字的顏色
css顏色表示法
"1俱饿、顏色名表示歌粥,比如:red 紅色,gold 金色
2拍埠、rgb表示失驶,比如:rgb(255,0,0)表示紅色
3、16進制數(shù)值表示枣购,比如:#ff0000 表示紅色嬉探,這種可以簡寫成 #f00"
設(shè)置文字的大小:
瀏覽器中一般默認的文字大小都是16px棉圈,font-size設(shè)置的并不是文字本身的大小涩堤,在頁面中,每個文字都是處在一個看不見的框中的分瘾,我們設(shè)置的font-size實際上是設(shè)置格的高度胎围,并不是字體的大小,一般情況下文字都要比這個格要小一些德召,也有時會比格大痊远,根據(jù)字體的不同,顯示效果也不同
通過font-family可以指定文字的字體
當采用某種字體時氏捞,如果瀏覽器支持則使用該字體碧聪,如果字體不支持,則使用默認字體
該樣式可以同時指定多個字體液茎,多個字體之間使用“,”分開
瀏覽器使用的字體默認就是計算機中的字體逞姿,如果計算機中有,則使用捆等,如果沒有就不用
在開發(fā)中滞造,如果字體太奇怪,用的人太少了栋烤,盡量不要使用谒养,有可能用戶的電腦沒有,就不能達到想要的效果
分類:
在網(wǎng)頁中將字體分成5大類:
serif(襯線字體)
sans-serif(非襯線字體)
monospace (等寬字體)
cursive (草書字體)
fantasy (虛幻字體)
可以將字體設(shè)置為這些大的分類明郭,瀏覽器會自動選擇指定的字體买窟,并應(yīng)用樣式
一般會將字體的大分類丰泊,指定為font-family中的最后一個字體
-
font-style可以用來設(shè)置文字的斜體
可選值:
normal 默認值,文字正常顯示
italic 文字會以斜體顯示
oblique 文字會以傾斜的效果顯示
大部分瀏覽器都不會對傾斜和斜體做區(qū)分始绍,也就是說我們設(shè)置italic和oblique效果是一樣的
一般我們只會使用italic -
font-weight可以用來設(shè)置文本的加粗效果
可選值:
normal 默認值瞳购,文字正常顯示
bold 文字加粗顯示
該樣式也可以指定100-900之間的9個值
但是由于用戶的計算機往往沒有這么多級別的字體,所以200有可能比100粗亏推,但也有可能是一樣的 -
font-variant可以用來設(shè)置小型大寫字母
可選值:
normal 默認值学赛,文字正常顯示
small-caps 文本以小型大寫字母顯示
小型大寫字母:
將所有的字母都以大寫形式顯示,但是小寫字母的小型大寫吞杭,要比大寫字母小一些盏浇。