Css基本樣式————文本-創(chuàng)新互聯(lián)

一、CSS文本屬性可定義文本外觀

創(chuàng)新互聯(lián)建站專注于邳州企業(yè)網(wǎng)站建設,自適應網(wǎng)站建設,商城網(wǎng)站制作。邳州網(wǎng)站建設公司,為邳州等地區(qū)提供建站服務。全流程按需求定制開發(fā)，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務

二、通過文本屬性，可以改變文本的顏色、字符間距、對齊文本、裝飾文本、對文本縮進

三、常用屬性：

    color        文本顏色

body{
    color: aqua;
}
<body>
    <p>查看顏色</p>
</body>

這里給body設置color,在p標簽中可以看到效果

說明color這個屬性是可以繼承的

    direction        文本方向

    line-height        行高

    letter-spacing        字符間距

    text-align        對齊元素中的文本

p{
    color: red;
    text-align: right;
}
<body>
    <p>Hello World</p>
</body>

    text-decoration        向文本中添加修飾

    text-indent        縮進元素中文本的首行

h4{
    text-indent: 2em;
}
<body>
    <div>
        <h4>靜夜思</h4>
        <p>床前明月光</p>
        <p>疑是地上霜</p>
        <p>舉頭望明月</p>
        <p>低頭思故鄉(xiāng)</p>
    </div>
</body>

也可以按百分比縮進

    text-transform        元素中的字母

p{
    text-transform: capitalize;
}
<body>
    <div>
        <p>there is a beautiful girl</p>
        <p>a so lovely girl</p>
        <p>i always tell myself "never give up,never give up, never give up!"</p>
    </div>
</body>

capitalize:把所有單詞的首字母大寫

lowercase：全部變小寫

uppercase：全部變大寫

inherit(中文意思為“繼承”):默認方式（不改變原文內(nèi)容）

    unicode-bidi        設置文本方向

    white-sapce        元素中空白的處理方式

    word-spacing        字間距

四、CSS3文本效果：

text-shadow:向文本添加陰影

p{
    text-shadow: 5px 5px 5px #FF0000;
}
<body>
    <div>
        <p>there is a beautiful girl</p>
        <p>a so lovely girl</p>
        <p>i always tell myself "never give up,never give up, never give up!"</p>
    </div>
</body>

text-shadow需要設置4個值

第一個值：相對于原本文字距左的距離

第二個值：距當前文本上方的位置

第三個值：清晰度

第四個值：背景顏色

    word-wrpa:規(guī)定文本的換行規(guī)則

p{
    width: 100px;
    text-wrap: normal;
}

width:100px;    設置p元素整體寬度為100

text-wrap:normal;    自動換行

此外還有一個功能

如果<p></p>內(nèi)寫的是英文，"text-wrap"這個屬性不會把當前的文字拆開（這個效果非常不錯）

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享名稱：Css基本樣式————文本-創(chuàng)新互聯(lián)
當前路徑：http://muchs.cn/article4/dhejoe.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、網(wǎng)站營銷、建站公司、品牌網(wǎng)站設計、面包屑導航、標簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化