Css入门课程 Css文本样式
文字是網頁的非常基礎的內容，文本的樣式設置也是非常重要的
1 字體大小
font-size:絕對大小單位和相對大小單位，絕對大小單位有cm，mm in（厘米，毫米，英寸）等，這是大小不隨屏幕分辨率大小而變化，相對大小單位：px，em %他們的實際顯示大小隨分辨率變化
因此大小設置一般使用相對大小單位進行。
字體大小可繼承，在使用em %百分比的時候其計算參考基礎是父容器繼承的實際計算后的字體大小為基準進行em和%的計算
2 字體顏色
字體顏色即頁面的前景色，使用rgb rgba或者關鍵字，或者16進制顏色值，其中rgb或者rgba中可是是百分比也可以是實際值 如rgb(255,20%,30);這個當然很好理解，如果有超出有效范圍的按照范圍最接近的有效值截取。
字體顏色代表了元素的前景色，那么自然的如邊框，文本下劃線，中畫線，上劃線等等使用前景色的地方默認也就使用字體的顏色作為默認值
3 水平對齊
text-align:left center right justfy 分別為左對齊，劇中對齊，右對齊，兩端對齊，這是水平方向的對齊設置。該css屬性只針對塊級元素有效，對行內元素無效，相應的塊級元素要想水平劇中對齊可是有margin:0px auto方式實現
4 垂直對齊
vertical-align:baseline|text-bottom |text-top|bottom|top|middle
分別理解為基線對齊，行內文本底線對齊，文本頂線對齊，行底部對齊，行頂部對齊，行居中對齊
垂直對齊只對行內和單元格顯示類型有效，對塊級元素無效，如果要想塊級元素垂直居中對齊，可將父容器display:table 自己display:table-cell顯示為單元格，一般地可是有line-height為容器實際高度設置行高方式讓行內容垂直對齊，垂直對齊有一些不是很好理解，這個需要在實際使用中對總結
5 行高
line-height:瀏覽器默認的行高為文本大小的1.2em即1.2倍，line-height可以繼承，但是繼承的是父級元素實際計算后的值。行高也可以進行設置用來定義行間距的作用，行高的計算方式以行文本大小為基準進行
計算。需要的注意的是一般我們都是有em或者%方式設置行高以達到行間距隨字體大小分辨率變化而相應變化
6 其他樣式
word-spacing：單詞之間的間距，這里的單詞是指的英文單詞，而英文單詞又是以空格作為分隔判定依據，此屬性可以設置相鄰2個單詞間的間隔
letter-spacing：字符之間的間距，這里的字符指任意字符，相應的該屬性可以進行字符顯示間隔進行設置
text-decoration: underline|none|overline 文本下劃線,上劃線，中畫線等
text-indent: 首行縮進，這里一般使用2em，即2倍文字大小縮進，也就是縮進2個字符
text-transform:lowercase|capitalize|uppercase；文本是否轉換為大小寫，這里只針對英文字符有效
字體樣式中比較不好理解的就是
vertical-align，text-align,line-height主要是因為他們有效性和計算方式，以及繼承性方面都有自己的特色，比較細致需要多記憶
總結
以上是生活随笔為你收集整理的Css入门课程 Css文本样式的全部內容，希望文章能夠幫你解決所遇到的問題。
