国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css如何自定義字體?html中的文本字體樣式介紹

2020-03-24 16:01:53
字體:
來源:轉載
供稿:網友
css如何自定義字體的你知道嗎?還有css樣式設置字體樣式的介紹,比如介紹了字體的大小,還有字體的粗細設置,這篇文章教大家如何用css樣式來做這些內容,現在讓我們來看看文章吧

一、首先呢,我們介紹的是如何用css樣式來自定義字體,一起來看看吧:

在這里我們介紹一個css樣式中的屬性:

font-family:定義文本的字體系列。也叫字體家族,通用的有五種:serif,sans-serif,monospace,cursive,fantasy.

當然還可以找特定的字體。我們在自己的電腦上找自己電腦上有的字體,然后把名字復制進來也能設置,當然如果用戶端沒有安裝這字體,那這字體就沒用了。顯示的是用戶端的默認的字體了。(想看更多就來PHP css視頻教程)

我們來看個文本字體的實例:

 style .you_1{font-family:serif}.you_2{font-family:sans-serif}.you_3{font-family:monospace}.you_4{font-family:cursive}.you_5{font-family:fantasy} /style  /head  body  p >

這里給上述的五個段落都給了不一樣的字體樣式,我們現在來看看瀏覽器中顯示的結果:

tuyi.png

如圖,最后一個沒有任何的設置,就是設置了前面五個字體,看上去是不是很明顯,這是font-family中的五種常用字體,基本上所有的電腦都有這些字體,不需要大家擔心在別人的電腦中顯示不出來。我們自定義的字體說完了。

二、現在說說我們的文本字體樣式,比如改變大小啊,字體加粗的介紹。讓我們一起來看下吧:

font-weight:用來設置文本粗細,有三種:normal,bold粗體,參數100~900,定義文本大小的

font-size:屬性用來設置文本的大小的。有px,em,%.默認1em等于16像素點。

這又是css樣式中兩種字體的介紹了,現在我們讓它們在一個實例中出現

來看看關于字體樣式設置的實例吧:

 style .you_1{font-weight:600}.you_2{font-size:40px} /style  /head  body  p >

大家很清楚的能看到,這代碼第一個設置了文本粗細的參數,還有一個設置了文本大小的px參數。現在我們來看看在瀏覽器中顯示的效果是什么吧:

tuer.png

這個有點設置大了。不過沒關系,這就肯定能看清楚的。不會有人說看不清楚,一個是設置粗細的,一個是設置大小的,應該不會有人分不清哪個是設置大小和哪個是設置粗細的吧。

好了,這篇文章到這就結束了,介紹了css樣式如何設置字體,還有文本字體樣式的設計。有問題的可以在下方留言提問。

【小編推薦】

html input標簽的屬性有哪些?input標簽的用法總結(附實例)

html中的label標簽怎么設置高度?label標簽的使用方法介紹

以上就是?css如何自定義字體?html中的文本字體樣式介紹的詳細內容,其它編程語言

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 兴安县| 开鲁县| 大庆市| 睢宁县| 西青区| 岫岩| 长丰县| 同仁县| 文水县| 平顺县| 清原| 同德县| 收藏| 常德市| 贵州省| 太保市| 安平县| 平定县| 富源县| 弋阳县| 将乐县| 无为县| 金秀| 雷波县| 鸡泽县| 沙洋县| 宜昌市| 东丽区| 建平县| 武城县| 手游| 黔西| 日土县| 曲水县| 黄龙县| 荆州市| 成安县| 辉南县| 桂平市| 阿克苏市| 京山县|