css常用樣式的字體和文本相關(guān)屬性

font-size字號(hào)

目前創(chuàng)新互聯(lián)建站已為1000+的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管、服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、合山網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

font-family什么字體

font-weight加粗

text-align水平居中

line-height垂直居中

text-indent首行縮進(jìn)

常用的差不多這些了，當(dāng)然還有好多其他的不過(guò)用起來(lái)可能不如這些頻率高。

css常見(jiàn)的文本屬性

css常見(jiàn)的文本屬性：

p{

font-size:18px; /*文本尺寸*/

font-family:"隸書(shū)"; /*文本字體*/

font-weight:bold; /*文本加粗 bold 加粗 bolder 更粗*/

color:red; /*文本顏色*/

text-align:center; /*文本水平居中 center 居中 justify 兩端對(duì)齊 left 左對(duì)齊 right 右對(duì)齊*/

background-color:#ccc; /*背景顏色*/

background-image:url(img/*.jpg); /*背景圖片 可以簡(jiǎn)寫(xiě) 直接加顏色 就是添加背景顏色 圖片也一樣*/

font-style:italic; /*文本傾斜 oblique也可以 但最好用italic*/

letter-spacing:2px; /*字符間距*/

line-height:20px; /*行高*/

text-indent:2em; /*首行縮進(jìn)*/

word-spacing:2px; /*單詞間距*/

line-height:2px; /*垂直居中*/

text-decoration:underline; /*字符裝飾線 underline 下劃線 line-through 刪除線 overline 上畫(huà)線 更多用于超鏈接樣式*/}

CSS之文本與字體

建議學(xué)習(xí)時(shí)長(zhǎng)： 30分鐘

學(xué)習(xí)方式：深入

指定字體名稱。字體名稱之間用逗號(hào)分割。瀏覽器會(huì)使用第一個(gè)認(rèn)識(shí)的字體。如

指定字體大小。如

指定文字的顏色?？蛇x值見(jiàn) 這里

指定行高。如

指定字的粗細(xì)。可選值為

屬性指定字體的風(fēng)格。可選值

所有主流瀏覽器都支持 font-style 屬性。

任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"

一種字體有粗體、斜體、下劃線、刪除線等諸多屬性。但是并不是所有字體都做了這些，一些不常用的字體，或許就只有個(gè)正常體，如果你用 italic，就沒(méi)有效果了~這時(shí)候你就要用Oblique。

換種說(shuō)法：italic 是指斜體字，而Oblique是讓文字傾斜。對(duì)于沒(méi)有斜體的字體應(yīng)該使用Oblique屬性值來(lái)實(shí)現(xiàn)傾斜的文字效果。對(duì)于有斜體屬性的字，使用italic和oblique是一樣的。

font由 font-style, font-variant, font-weight, font-size, line-height and font-family組成。

如

指定元素內(nèi)文本的水平對(duì)齊方式?？蛇x值

指定縮進(jìn)。如，段落縮進(jìn)兩個(gè)字符

隱藏文字可以用

對(duì)文本進(jìn)行修飾?？蛇x值

指定文本超過(guò)元素大小時(shí)候的處理方式。

單行文本溢出加省略號(hào)

用于垂直對(duì)齊inline元素，也就是display值為inline和inline-block的元素。這個(gè)屬性比較復(fù)雜，見(jiàn)

指定元素的內(nèi)容中有空格時(shí)如何處理。

比較多的用法是，當(dāng)元素內(nèi)容中沒(méi)用空格時(shí)，禁止部分內(nèi)容換行。