Css文本樣式有哪些

這篇文章主要介紹Css文本樣式有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

　　文字是網(wǎng)頁(yè)的非?；A(chǔ)的內(nèi)容，文本的樣式設(shè)置也是非常重要的

　　font-size:絕對(duì)大小單位和相對(duì)大小單位，絕對(duì)大小單位有cm，mm in（厘米，毫米，英寸）等，這是大小不隨屏幕分辨率大小而變化，相對(duì)大小單位：px，em %他們的實(shí)際顯示大小隨分辨率變化

　　因此大小設(shè)置一般使用相對(duì)大小單位進(jìn)行。

　　字體大小可繼承，在使用em %百分比的時(shí)候其計(jì)算參考基礎(chǔ)是父容器繼承的實(shí)際計(jì)算后的字體大小為基準(zhǔn)進(jìn)行em和%的計(jì)算

　　字體顏色即頁(yè)面的前景色，使用rgb rgba或者關(guān)鍵字，或者16進(jìn)制顏色值，其中rgb或者rgba中可是是百分比也可以是實(shí)際值 如rgb（255,20%,30）;這個(gè)當(dāng)然很好理解，如果有超出有效范圍的按照范圍最接近的有效值截取。

　　字體顏色代表了元素的前景色，那么自然的如邊框，文本下劃線，中畫(huà)線，上劃線等等使用前景色的地方默認(rèn)也就使用字體的顏色作為默認(rèn)值

　　text-align:left center right justfy 分別為左對(duì)齊，劇中對(duì)齊，右對(duì)齊，兩端對(duì)齊，這是水平方向的對(duì)齊設(shè)置。該css屬性只針對(duì)塊級(jí)元素有效，對(duì)行內(nèi)元素?zé)o效，相應(yīng)的塊級(jí)元素要想水平劇中對(duì)齊可是有margin:0px auto方式實(shí)現(xiàn)

　　vertical-align:baseline|text-bottom |text-top|bottom|top|middle

　　分別理解為基線對(duì)齊，行內(nèi)文本底線對(duì)齊，文本頂線對(duì)齊，行底部對(duì)齊，行頂部對(duì)齊，行居中對(duì)齊

　　垂直對(duì)齊只對(duì)行內(nèi)和單元格顯示類型有效，對(duì)塊級(jí)元素?zé)o效，如果要想塊級(jí)元素垂直居中對(duì)齊，可將父容器display:table 自己display:table-cell顯示為單元格，一般地可是有l(wèi)ine-height為容器實(shí)際高度設(shè)置行高方式讓行內(nèi)容垂直對(duì)齊，垂直對(duì)齊有一些不是很好理解，這個(gè)需要在實(shí)際使用中對(duì)總結(jié)

　　line-height:瀏覽器默認(rèn)的行高為文本大小的1.2em即1.2倍，line-height可以繼承，但是繼承的是父級(jí)元素實(shí)際計(jì)算后的值。行高也可以進(jìn)行設(shè)置用來(lái)定義行間距的作用，行高的計(jì)算方式以行文本大小為基準(zhǔn)進(jìn)行

　　計(jì)算。需要的注意的是一般我們都是有em或者%方式設(shè)置行高以達(dá)到行間距隨字體大小分辨率變化而相應(yīng)變化

　　word-spacing：?jiǎn)卧~之間的間距，這里的單詞是指的英文單詞，而英文單詞又是以空格作為分隔判定依據(jù)，此屬性可以設(shè)置相鄰2個(gè)單詞間的間隔

　　letter-spacing：字符之間的間距，這里的字符指任意字符，相應(yīng)的該屬性可以進(jìn)行字符顯示間隔進(jìn)行設(shè)置

　　text-decoration: underline|none|overline  文本下劃線，上劃線，中畫(huà)線等

　　text-indent: 首行縮進(jìn)，這里一般使用2em，即2倍文字大小縮進(jìn)，也就是縮進(jìn)2個(gè)字符

　　text-transform:lowercase|capitalize|uppercase；文本是否轉(zhuǎn)換為大小寫(xiě)，這里只針對(duì)英文字符有效

　　vertical-align，text-align,line-height主要是因?yàn)樗麄冇行院陀?jì)算方式，以及繼承性方面都有自己的特色，比較細(xì)致需要多記憶

以上是“Css文本樣式有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！