這篇文章將為大家詳細(xì)講解有關(guān)css外觀屬性是什么,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
公司主營業(yè)務(wù):網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出蒙自免費(fèi)做網(wǎng)站回饋大家。
CSS外觀屬性
color:文本顏色
color屬性用于定義文本的顏色,其取值方式有如下3種:
預(yù)定義的顏色值,如red,green,blue等。
十六進(jìn)制,如#FF0000,#FF6600,#29D794等。實(shí)際工作中,十六進(jìn)制是最常見的定義顏色的方式。
RGB代碼,如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。
需要注意的是,如果使用RGB代碼的百分比顏色值,取值為0時(shí)也不能省略百分號(hào),必須寫為0%。
line-height:行間距
line-height屬性用于設(shè)置行間距,就是行與行之間的距離,即字符的垂直間距,一般稱為行高。line-height常用的屬性值單位有三種,分別為像素px,相對(duì)值em和百分比%,實(shí)際工作中使用最多的是像素px。
一般情況下,行距比字號(hào)大7.8像素左右就可以了。
text-align:水平對(duì)齊方式
text-align屬性用于設(shè)置文本內(nèi)容的水平對(duì)齊,相當(dāng)于html中的align對(duì)齊屬性。其可用屬性值如下:
left:左對(duì)齊(默認(rèn)值)
right:右對(duì)齊
center:居中對(duì)齊
text-indent:首行縮進(jìn)
text-indent屬性用于設(shè)置首行文本的縮進(jìn),其屬性值可為不同單位的數(shù)值、em字符寬度的倍數(shù)、或相對(duì)于瀏覽器窗口寬度的百分比%,允許使用負(fù)值,建議使用em作為設(shè)置單位。
1em就是一個(gè)字的寬度如果是漢字的段落,1em就是一個(gè)漢字的寬度
p{line-height:25px;/*行間距*/
text-indent:2em;/*首行縮進(jìn)*/
}
h4{
text-align:center;/*水平對(duì)齊*/
}
letter-spacing:字間距
letter-spacing屬性用于定義字間距,所謂字間距就是字符與字符之間的空白。其屬性值可為不同單位的數(shù)值,允許使用負(fù)值,默認(rèn)為normal。
word-spacing:單詞間距
word-spacing屬性用于定義英文單詞之間的間距,對(duì)中文字符無效。和letter-spacing一樣,其屬性值可為不同單位的數(shù)值,允許使用負(fù)值,默認(rèn)為normal。
word-spacing和letter-spacing均可對(duì)英文進(jìn)行設(shè)置。不同的是letter-spacing定義的為字母之間的間距,而word-spacing定義的為英文單詞之間的間距。
p{
letter-spacing:2px;/*字間距*/
}
p{
word-spacing:5px;/*單詞間距針對(duì)英文中文無效*/
}
word-break:自動(dòng)換行
normal使用瀏覽器默認(rèn)的換行規(guī)則。
break-all允許在單詞內(nèi)換行。
keep-all只能在半角空格或連字符處換行。
顏色半透明(CSS3)
文字顏色到了css3我們可以采取半透明的格式了。
color:rgba(r,g,b,a)a是alpha透明的意思取值范圍0~1之間color:raba(0,0,0,0.3)
文字陰影(CSS3)
我們可以給文字添加陰影效果Shadow影子
text-overflow:水平位置垂直位置模糊距離陰影顏色;
值 描述
h-shadow 必需。水平陰影的位置。允許負(fù)值。
v-shadow 必需。垂直陰影的位置。允許負(fù)值。
blur 可選。模糊的距離。
color 可選。陰影的顏色。參閱CSS顏色值。
前兩項(xiàng)是必須寫的,后兩項(xiàng)可以選寫。
關(guān)于“css外觀屬性是什么”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
文章題目:css外觀屬性是什么
本文來源:http://www.rwnh.cn/article8/gjhjip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、動(dòng)態(tài)網(wǎng)站、靜態(tài)網(wǎng)站、移動(dòng)網(wǎng)站建設(shè)、建站公司、響應(yīng)式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)