CSS文本屬性

CSS文本屬性

1. CSS Text（文本）屬性定義文本的外觀，比如文本的顏色、對齊文本、裝飾文本、文本縮進、行間距等

2. 文本顏色

   • color屬性定義文本的顏色

   • <style type="text/css">
         div{
             color:red;
         }
     
     </style>

     • 表示	屬性值
       預定義顏色值	red、green....
       十六進位	#FF0000,##FF6600....
       RGB	rgb（255，0，0）或者rgb（100%，0%，0%）

3. 對齊文本

   • text-align屬性用於元素內文本內容的水平對齊

   • <style type="text/css">
         div{
             text-align:center;
         }
     
     </style>

   • 屬性值	解釋
     left	左對齊
     right	右對齊
     center	居中對齊

4. 裝飾文本

   • text-decoration屬性規定添加文本的裝飾，可以給文本添加下劃線、刪除線、上劃線

   • <style type="text/css">
         div{
             text-decoration:underline;
         }
     </style>

   • 屬性值	描述
     none	預設。沒有裝飾線
     underline	下劃線。鏈接<a> 自帶下劃線
     overline	上劃線
     line-through	刪除線

5. 文本縮進

   • text-indent屬性用來指定文本的第一行縮進，通常是將段落的首行縮進

   • <style type="text/css">
         div{
             text-indent:2em;
         }
     </style>

   • em是一個相對單位，就是當前元素（font-size）1個文字的大小，如果當前元素沒有設置大小，則會按照元素的1個文字大小

6. 行間距

   • line-height屬性用於設置行間的距離（行高），可以控制文字行與行之間的距離

   • <style type="text/css">
         div{
             line-height：26px;
         }
     </style>

   • 行間距包括：上間距、文本高度、下間距