html的字體樣式主要通過css的font-size以及font-family來定義的,標(biāo)簽詳解如下:

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站制作、做網(wǎng)站、太康網(wǎng)絡(luò)推廣、小程序開發(fā)、太康網(wǎng)絡(luò)營銷、太康企業(yè)策劃、太康品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供太康建站搭建服務(wù),24小時服務(wù)熱線:13518219792,官方網(wǎng)址:www.yijiale78.com
font-size
指定字體大小,常用單位有em和px
font-family
指定使用的字體
常用的中文字體有微軟雅黑和宋體,英文字體有Arial
可以同時指定多個字體,使用英文的逗號分隔,瀏覽器會按順序查找,找不到就找下一個,全部沒找到就使用系統(tǒng)默認的
字體用中文表示 則需要用雙引號或者單引號分隔,英文字體一般不需要用引號,但是如果 有特殊字符的(如空格,反斜杠,#,$等)也需要使用引號
font-weight
字體粗細(bold相等于設(shè)置該屬性的值為700,normal相等于設(shè)置該屬性值為400–不用單位,建議使用數(shù)字因為解析會更快)
fon-style
normal(一般用于讓斜體不傾斜,em標(biāo)簽有加重強調(diào)的語義 但是字體會傾斜,可以為em 標(biāo)簽設(shè)置 font-style 屬性值為 normal 取消其傾斜的效果)
字體樣式可以連寫
即 所有的字體樣式 使用一個語句,但是有一定的語法規(guī)則和順序
選擇器 { font : font-style font-weight font-size/line-height font-family; }
字體樣式連寫時需要注意:一定要按順序?qū)懀梢杂惺÷圆粚懙臉邮降且欢ㄒ错樞颍襢ont-size和font-family是不可以省略的,否則會不起作用
文本外觀樣式
color:字體顏色
預(yù)定義的顏色如green,red等
十六進制,順序是紅綠藍,十六進制是最常用的顏色表示方式
#ff0000 表示紅色,等同于#f00(縮寫,必須是兩兩相同的才可以進行縮寫);#00f表示藍色;#0f0表示綠色;#fff表示白色(所有的顏色都滿格),#000000即#000表示黑色(所有的顏色都沒有)
RGB代碼:rgb(255,255,255)表示白色
文本修飾:text-decoration:none、underlined(比較常用,用于添加下劃線和取消下劃線)
line-hight:行間距,一般情況下,行間距只需要比字體大小大7或8個像素就可以了
text-align:文本內(nèi)容的水平對齊方式
text-indent:段落首行縮進,單位使用em,1em就是一個字,所以該樣式值為2em 表示 段落首行縮進兩個字符
1、打開開發(fā)工具,新建一個HTML文件。
2、使用font-family屬性設(shè)置,字體代碼:.demo1{font-family: "microsoft yahei";}。
3、使用font-size屬性設(shè)置字體的大小代碼:.demo1{font-size: 20px;}。
4、使用font-style 屬性設(shè)置字體風(fēng)格:normal - 文本正常顯示italic - 文本斜體顯示oblique - 文本傾斜顯示。
5、使用font-weight屬性設(shè)置字體的粗細代碼:.demo2{font-weight: 600;}。
6、使用color設(shè)置字體顏色代碼:.demo1{color: #FF0000;}。就完成了。
建議學(xué)習(xí)時長: 30分鐘
學(xué)習(xí)方式:深入
指定字體名稱。字體名稱之間用逗號分割。瀏覽器會使用第一個認識的字體。如
指定字體大小。如
指定文字的顏色。可選值見 這里
指定行高。如
指定字的粗細。可選值為
屬性指定字體的風(fēng)格。可選值
所有主流瀏覽器都支持 font-style 屬性。
任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"
一種字體有粗體、斜體、下劃線、刪除線等諸多屬性。但是并不是所有字體都做了這些,一些不常用的字體,或許就只有個正常體,如果你用 italic,就沒有效果了~這時候你就要用Oblique。
換種說法:italic 是指斜體字,而Oblique是讓文字傾斜。對于沒有斜體的字體應(yīng)該使用Oblique屬性值來實現(xiàn)傾斜的文字效果。對于有斜體屬性的字,使用italic和oblique是一樣的。
font由 font-style, font-variant, font-weight, font-size, line-height and font-family組成。
如
指定元素內(nèi)文本的水平對齊方式。可選值
指定縮進。如,段落縮進兩個字符
隱藏文字可以用
對文本進行修飾。可選值
指定文本超過元素大小時候的處理方式。
單行文本溢出加省略號
用于垂直對齊inline元素,也就是display值為inline和inline-block的元素。這個屬性比較復(fù)雜,見
指定元素的內(nèi)容中有空格時如何處理。
比較多的用法是,當(dāng)元素內(nèi)容中沒用空格時,禁止部分內(nèi)容換行。
分享題目:css字體和文本樣式,css字體和文本樣式不一樣
標(biāo)題URL:http://www.yijiale78.com/article0/dscheoo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計、定制網(wǎng)站、網(wǎng)站設(shè)計、關(guān)鍵詞優(yōu)化、移動網(wǎng)站建設(shè)、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)