2019-12-21字體、顏色

設(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 文本以小型大寫字母顯示
    小型大寫字母:
    將所有的字母都以大寫形式顯示,但是小寫字母的小型大寫吞杭,要比大寫字母小一些盏浇。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市芽狗,隨后出現(xiàn)的幾起案子绢掰,更是在濱河造成了極大的恐慌,老刑警劉巖译蒂,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件曼月,死亡現(xiàn)場離奇詭異,居然都是意外死亡柔昼,警方通過查閱死者的電腦和手機哑芹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來捕透,“玉大人聪姿,你說我怎么就攤上這事∫亦郑” “怎么了末购?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長虎谢。 經(jīng)常有香客問我盟榴,道長,這世上最難降的妖魔是什么婴噩? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任擎场,我火速辦了婚禮,結(jié)果婚禮上几莽,老公的妹妹穿的比我還像新娘迅办。我一直安慰自己,他們只是感情好章蚣,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布站欺。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪矾策。 梳的紋絲不亂的頭發(fā)上磷账,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音蝴韭,去河邊找鬼够颠。 笑死熙侍,一個胖子當著我的面吹牛榄鉴,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蛉抓,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼庆尘,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了巷送?” 一聲冷哼從身側(cè)響起驶忌,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎笑跛,沒想到半個月后付魔,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡飞蹂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年几苍,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片陈哑。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡妻坝,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出惊窖,到底是詐尸還是另有隱情刽宪,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布界酒,位于F島的核電站圣拄,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏毁欣。R本人自食惡果不足惜庇谆,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望署辉。 院中可真熱鬧族铆,春花似錦、人聲如沸哭尝。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至逝淹,卻和暖如春耕姊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背栅葡。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工茉兰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人欣簇。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓规脸,卻偏偏與公主長得像,于是被迫代替她去往敵國和親熊咽。 傳聞我的和親對象是個殘疾皇子莫鸭,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353