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

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

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

二、通過(guò)文本屬性，可以改變文本的顏色、字符間距、對(duì)齊文本、裝飾文本、對(duì)文本縮進(jìn)

三、常用屬性：

color 文本顏色

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

這里給body設(shè)置color,在p標(biāo)簽中可以看到效果

說(shuō)明color這個(gè)屬性是可以繼承的

direction 文本方向

line-height 行高

letter-spacing 字符間距

text-align 對(duì)齊元素中的文本

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

text-decoration 向文本中添加修飾

text-indent 縮進(jìn)元素中文本的首行

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

也可以按百分比縮進(jìn)

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:把所有單詞的首字母大寫(xiě)

lowercase：全部變小寫(xiě)

uppercase：全部變大寫(xiě)

inherit(中文意思為“繼承”):默認(rèn)方式（不改變?cè)膬?nèi)容）

unicode-bidi 設(shè)置文本方向

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需要設(shè)置4個(gè)值

第一個(gè)值：相對(duì)于原本文字距左的距離

第二個(gè)值：距當(dāng)前文本上方的位置

第三個(gè)值：清晰度

第四個(gè)值：背景顏色

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

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

width:100px; 設(shè)置p元素整體寬度為100

text-wrap:normal; 自動(dòng)換行

此外還有一個(gè)功能

如果<p></p>內(nèi)寫(xiě)的是英文，"text-wrap"這個(gè)屬性不會(huì)把當(dāng)前的文字拆開(kāi)（這個(gè)效果非常不錯(cuò)）

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

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

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

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

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

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