這篇文章將為大家詳細講解有關(guān)CSS中常見的6種文本樣式是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),安次企業(yè)網(wǎng)站建設(shè),安次品牌網(wǎng)站建設(shè),網(wǎng)站定制,安次網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,安次網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

一、首行縮進

1. 定義

首行縮進是將段落的第一行縮進，這是常用的文本格式化效果。一般地，中文寫作時開頭空兩格，類似于此

注意：該屬性可以為負值

2. 用法：

text-indent:  |  | inherit;

初始值: 0

應(yīng)用于: 塊級元素(包括block和inline-block)

繼承性: 有

百分數(shù): 相對于包含塊的寬度

3.應(yīng)用（代碼實例）

懸掛縮進：

div{
    width: 200px;
    border: 1px solid black;
    text-indent: -1em;//關(guān)鍵代碼
    padding-left: 1em;//關(guān)鍵代碼
}

效果圖：

首字下沉:

div{
    width: 200px;
    border: 1px solid black;
    text-indent: 0.5em;
}
div:first-letter{
    font-size: 30px;
    float: left;
}

效果圖：

二、水平對齊

1. 定義

水平對齊是影響一個元素中的文本的水平對齊方式

2.用法：

text-align: left | center | right | justify | inherit

初始值: left

應(yīng)用于: 塊級元素(包括block和inline-block)

繼承性: 有

兩端對齊

當(dāng)水平對齊方式為兩端對齊時，word-spacing可能會調(diào)整，以便文本在整行中正好放下。如果為letter-spacing指定一個長度值，則letter-spacing不會受兩端對齊影響，除非letter-spacing值為normal

IE兼容

對于IE7-瀏覽器來說，使用text-align不僅會改變文本的水平對齊方式，也會改變后代塊級元素的水平對齊方式

.box{
    width: 200px;
    height: 200px;
    background-color: pink;
    border: 1px solid black;
    text-align: right;
}    
.in{
    height: 100px;
    width: 100px;
    background-color: lightgreen;
}

    測試文字