兩者之前的轉換：用到語句-display:inline/block;
2.css對文字的控制
接下來，我們討論 text-decoration 屬性，這是乙個很有意思的屬性，它提供了很多非常有趣的行為。
text-decoration 有 5 個值：
text-transform 屬性處理文字的大小寫。這個屬性有 4 個值：
預設值 none 對文字不做任何改動，將使用源文件中的原有大小寫。顧名思義，uppercase 和 lowercase 將文字轉換為全大寫和全小寫字元。最後，capitalize 只對每個單詞的首字母大寫。
作為乙個屬性，text-transform 可能無關緊要，不過如果您突然決定把所有 h1 元素變為大寫，這個屬性就很有用。不必單獨地修改所有 h1 元素的內容，只需使用 text-transform 為你完成這個修改：
text-align 是乙個基本的屬性，它會影響乙個元素中的文字行互相之間的對齊方式。它的前 3 個值相當直接，不過第 4 個和第 5 個則略有些複雜。
值 left、right 和 center 會導致元素中的文字分別左對齊、右對齊和居中。
西方語言都是從左向右讀，所有 text-align 的預設值是 left。文字在左邊界對齊，右邊界呈鋸齒狀（稱為「從左到右」文字）。對於希伯來語和阿拉伯語之類的的語言，text-align 則預設為 right，因為這些語言從右向左讀。不出所料，center 會使每個文字行在元素中居中。
word-spacing 屬性可以改變字（單詞）之間的標準間隔。其預設值 normal 與設定值為 0 是一樣的。
word-spacing 屬性接受乙個正長度值或負長度值。如果提供乙個正長度值，那麼字之間的間隔就會增加。為 word-spacing 設定乙個負值，會把它拉近：
3。文字控制
塊元素 行內元素 行內塊元素
塊級元素 一行只能放乙個，可以設定寬度高度，預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素，不可以直接設定寬度高度，預設為本身內容的寬度，容納文字或其他行內元素 常用元素 span a i em ...
行內元素 塊級元素和行內塊元素
a 標籤定義鏈結 b 字型加粗 br 換行 i 斜體文字效果 img 在網頁中嵌入 input 輸入框 span 組合文件中的行內元素 small 呈現小號字型效果 big 呈現大號字型效果 sub 定義下標文字 sup 定義上標文字 div 定義文件中的分割槽或節 dl 定義列表 dt 定義列表中...
行內元素 塊元素 行內塊元素 及其屬性
行內元素可以在一行顯示，但是不能設定上下的padding和margin值。塊級元素可以設定 width,height屬性，行內元素設定width,height無效 塊級元素可以設定margin 和 padding.行內元素的水平方向的padding left,padding right,margin...