
文章插圖
CSS字體、文本樣式屬性1、字體屬性CSS-Fonts(字體)屬性用于定義字體系列、大小、粗細(xì)、和文字樣式(如斜體) 。
1.1、修改字體樣式屬性CSS使用 font-family屬性來(lái)定義字體
語(yǔ)法:p { font-family:‘宋體’;}多種字體之間必須使用英文狀態(tài)下的逗號(hào)隔開 。一般情況下 , 如果有空格隔開多個(gè)單詞組成的字體 , 加引號(hào) 。盡量使用系統(tǒng)默認(rèn)自帶字體 , 保證在任何用戶的瀏覽器都可以顯示 。1.2、字體大小屬性CSS使用 font-size屬性來(lái)定義字體
語(yǔ)法:
p {font-size: 20px;}px(像素)大小是頁(yè)面常用單位可以給body指定大小 。1.3、字體粗細(xì)屬性CSS使用 font-weight屬性來(lái)定義字體粗細(xì) 。
加粗是700或者bold 不加粗是normal或者400 數(shù)字不能跟單位 。一般用的是數(shù)字定義字體的粗細(xì) , 比較的方便 。p {font-weight= 700;}1.4、字體樣式屬性CSS使用 font-style屬性來(lái)定義字體是否傾斜 。
p {font-style: normal; //不傾斜}normal 默認(rèn)值 , 不傾斜 。italic 傾斜字體1.5、字體復(fù)合屬性字體復(fù)合屬性(簡(jiǎn)寫)font可以把以上文字的樣式綜合來(lái)寫 , 可以節(jié)約代碼 。
字體復(fù)合屬性必須按照f(shuō)ont: font-stylt(字體是否傾斜) font-weight(字體粗細(xì))font-size/line-height(字體大小/行高)font-family(哪種字體)的順序 。必須嚴(yán)格按照順序書寫 , 不能更換順序 , 并且各個(gè)屬性之間用空格隔開 。不需要設(shè)置的屬性可以省略 , 但是字體大小和何種字體不能省略p {?font: italic 700 16px 'Microsoft yahei';}2、文本外觀屬性CSS Text(文本)屬性可以定義文本的外觀 , 比如文本的顏色 , 對(duì)齊文本 , 裝飾文本 , 文本縮進(jìn) , 行間距等 。
2.1、文本顏色corder屬性:定義文本的顏色 。
div {corder:red;}表示方式屬性值預(yù)定義顏色值red , green , blue , pink十六進(jìn)制#FF0000 , #FF66000 , #29D794RGB代碼rgb(255,0,0)或(100% , 0% , 0%)
開發(fā)者最常用的是十六進(jìn)制 。
2.2、對(duì)齊方式text-align屬性用于設(shè)置元素內(nèi)文本內(nèi)容的水平對(duì)齊方式 。
div {text-align:center;}屬性樣式left左對(duì)齊(默認(rèn)值)right右對(duì)齊center居中
2.3、裝飾文本text-decoration屬性規(guī)定添加到文本的修飾 ??梢越o文本添加下劃線 , 刪除線 , 上劃線 。
a {text-decoration: none; //取消a默認(rèn)的下劃線}屬性值樣式none默認(rèn)無(wú)裝飾線underline下劃線 。overline上劃線(幾乎不用)line-through刪除線(不常用)
一般用于刪除a標(biāo)簽?zāi)J(rèn)的下劃線2.4、文本縮進(jìn)text-indent屬性用來(lái)指定文本的第一行的縮進(jìn) , 通常是將段落首行縮進(jìn) 。
div {text-indent: 10px;}通過(guò)該屬性 , 可以讓元素的第一行都縮進(jìn)一定的長(zhǎng)度 。
p {text-indent: 2em;}em是一個(gè)相對(duì)單位 , 就是當(dāng)前元素的1個(gè)文字的大小 , 如果當(dāng)前元素沒(méi)有設(shè)置大小 , 則會(huì)按照父元素的1個(gè)文字大小 。
2.5、行間距l(xiāng)ine-height屬性用于設(shè)置行間的距離(行高) , 可以控制文字行與行之間的距離 。
p {line-height: 26px;}
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問(wèn)題,請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對(duì)您有所幫助:- 文字顏色和內(nèi)容的方法 js設(shè)置字體顏色代碼
- 最好看的十種字體 brush字體怎么寫
- 電腦桌面字體大小設(shè)置方法 win10添加字體在哪里設(shè)置
- ppt默認(rèn)字體統(tǒng)一設(shè)置 已經(jīng)做好的ppt如何統(tǒng)一字體
- 字體在電腦c盤的位置 電腦里的字體一般文件夾在哪里
- cdr快捷鍵大全表格 cdr如何修改文字字體
- mathtype字體設(shè)置方法 公式編輯器怎么改字體大小
- excel制作表格基本框架教程 前端表格插件
- CAD字體顯示問(wèn)號(hào)的解決方法 cad中字體顯示問(wèn)號(hào)怎么辦
- 前端獲取上傳文件路徑 formdata上傳文件附加參數(shù)
