CSS 文字屬性

標籤：enter   css   class   單詞   letter   nbsp   blog   繼承   重疊   

一、文本位置 text-align: 參數 

/**
 * left center   right：左中右
**/
text-align: left; 

 

二、文本行間距 line-height: 參數   

特別要注意：根據CSS字型大小 ， CSS行高值不能小於字型值，不然行距設定值比字型大小值小後字型會重疊一部分，形成不相容效果。

/**
 * 參數：一、具體資料，如20px
 *      二、用百分比表示，它是基於字型大小來決定的，如font-size:20px，則50%就是等於10px
**/
line-height: 20px;

 

三、首行文字縮排   text-indent: 參數

/**
 * 參數：一、可以根據字型大小來寫具體資料，如font-size:20px，則40px就是縮排兩個字 
 *      二、用百分比表示，它是基於父元素來決定的
 *      三、inherit 繼承父元素樣式
**/

text-indent: 20px;

 

四、字元間距  letter-spacing: 參數

/**
 * 參數：一、normal 預設
 *      二、具體數值，可以是負數
 *      三、inherit 繼承父元素樣式
**/
letter-spacing: 10px;

 

五、英文單詞間距 word-spacing:參數

/**
 * 參數：一、normal 預設
 *      二、具體數值，可以是負數
 *      三、inherit 繼承父元素樣式
**/

word-spacing: 10px;   

 

CSS 文字屬性