本篇文章給大家分享的是有關(guān)CSS中怎么實(shí)現(xiàn)文字控制與文本控制屬性,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
汝州網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站設(shè)計(jì)等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營維護(hù)。創(chuàng)新互聯(lián)2013年開創(chuàng)至今到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。一、CSS控制文字屬性:
1、font-size:18px;:設(shè)置字號(hào)
2、color:#093:設(shè)置字色
3、font-family:'宋體';:設(shè)置字體(可以有多種字體,兩個(gè)字體之間有,分隔開,表示如果系統(tǒng)中有第一個(gè)字體則顯示效果是第一個(gè)字體,如果沒有則顯示的是第二個(gè)字體的效果,以此類推)
4、line-height:150%;:設(shè)置行與行之間的距離(單位可用px或者em或者百分比)
5、font-weight:bold:設(shè)置字體的粗細(xì)(粗:bold 正常:normal)
6、font-variant : normal正常 | small-caps小型的大寫字母字體
7、font—style:設(shè)置字體樣式(normal正常,italic,oblique斜體)
8、text-decoration:修飾文字(none正常,underline下劃線,overline上劃線,line-through刪除線 blink閃爍(只支持IE6,7,搜狐))
9、letter-spacing:5px:字符間距(normal默認(rèn),length長度單位)
10、word-spacing:5px:單詞間距(normal默認(rèn),length長度單位
font屬性簡化的寫法:是否斜體 是否同寬 是否粗體 大小 字體
代碼如下:
注意:設(shè)置字體要盡量使用通用的字體,就是用大家電腦上一般都有的字體,常用的是中文字體是宋體,英文字體是Arial)設(shè)置字體的時(shí)候?qū)⒂⑽淖煮w設(shè)置在前,中文設(shè)置在后 。如果想用比較特殊的字體,可以將其轉(zhuǎn)換為圖片
小技巧:
1. 如果是12px或14px的字體,行高一般1.5em-1.8em之間 字號(hào)越大行高設(shè)置的越小一點(diǎn)
2.設(shè)置區(qū)塊中的內(nèi)容,垂直方向上居中,將區(qū)塊的行高設(shè)置與區(qū)塊的高度相同,前提是只能一行
代碼如下:
二、CSS控制文本屬性:
1、設(shè)置文本縮進(jìn):text-indent:length(長度單位)可以負(fù)值
2、文本水平對齊方式:text-align:left左,center居中,right右
3、空白處理:white-space:nowrap(nowrap強(qiáng)制在一行中顯示,pre換行和空格保留,normal自動(dòng)換行)
4、大小寫控制:text-transform:(capitalize每個(gè)單詞的第一個(gè)字母大寫,uppercase每個(gè)字母都大寫,loowercase每個(gè)字母都小寫,none正常大?。?br/>5、文本垂直對齊方式:vertical-align:(sub設(shè)置文本為下標(biāo),super設(shè)置文本為上標(biāo) , top與頂端對齊 ,text-bottom與低端對齊)
代碼如下:
0.5秒三分絕殺!波特蘭上演波什時(shí)刻 第N次拯救熱火
熱火今夜還一功臣必須贊 11分不多但卻分分是金!
詹波為小弟惡犯叫屈 當(dāng)事人他都起飛了!肯定假摔
斯帥稱客戰(zhàn)開拓者奧登不打 波什:他很快就可復(fù)出
斯帥稱客戰(zhàn)開拓者奧登不打 波什:他很快就可復(fù)出
以上就是CSS中怎么實(shí)現(xiàn)文字控制與文本控制屬性,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。