color屬性:設(shè)置文本文字顏色。用法如下:
創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、茶陵網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、購物商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為茶陵等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
color:顏色值;
color屬性可以設(shè)置的合法顏色值包括:16進制顏色值(例:#ffffff),rgb顏色值【例:rgb(0,0,0)】,rgba顏色值【例:rgb(0,0,0,0.5),0.5表示透明度】,hsl顏色值【例:hsl(120,65%,75%)】,hsla顏色值【hsl(120,65%,75%,0.3),0.3表示透明度】。
2、css文本文字行高(行間距)的屬性
line-height屬性:設(shè)置行間的距離(行高)。用法如下:
line-height:值;
具體cssline-height屬性是如何設(shè)置文本文字的行間距,大家可以參考之前的文章【css如何設(shè)置行間距?css文本文字的行間距設(shè)置】,希望對大家有所幫助。
3、css設(shè)置文本文字的水平對齊方式的屬性
text-align屬性:設(shè)置元素中的文本文字的水平對齊方式。用法如下:
text-align:left||right||center||justify;
left:設(shè)置文本文字左對齊。默認(rèn)值:由瀏覽器決定。
right:設(shè)置文本文字右對齊。
center:設(shè)置文本文字居中對齊。
justify:實現(xiàn)兩端對齊文本效果。
4、css文本縮進屬性
text-indent屬性:設(shè)置文本縮進。
具體csstext-indent屬性是怎樣設(shè)置文本縮進的,大家可以參考【css如何實現(xiàn)首行縮進效果?text-indent屬性實現(xiàn)首行縮進】。
5、設(shè)置文本文字裝飾效果
text-decoration屬性:定義添加到文本的修飾。
說明:
這個屬性允許對文本設(shè)置某種效果,如加下劃線。如果后代元素沒有自己的裝飾,祖先元素上設(shè)置的裝飾會“延伸”到后代元素中。
用法:
text-indent:none||[underline(下劃線)||overline(上劃線)||line-through(中劃線)]||blink;
none:默認(rèn)值,定義標(biāo)準(zhǔn)的文本。
underline:定義文本下的一條線。
overline:定義文本上的一條線。
line-through:定義穿過文本下的一條線。
blink:定義閃爍的文本。
6、文本字符的大小寫轉(zhuǎn)換屬性
text-transform屬性:控制文本字符的大小寫。
用法:
text-transform:uppercase(全大寫)||lowercase(全小寫)||capitalize(首字母大寫)||none;
7、文本文字間距的屬性
word-spacing屬性:設(shè)置文字或單詞之間的間距,單詞之間的間距=word-spacing+空格大小。
letter-spacing屬性:設(shè)置字母間的間隔。
8、文本文字陰影的屬性
text-shadow屬性:向文本文字設(shè)置陰影
1、首先,我們應(yīng)該先給div設(shè)置寬度和高度,保證文字有一個范圍。
2、然后通過background給div添加一張圖片作為它的背景。
3、接著可以通過url()來連接圖片,url里面放置的就是背景圖片的路徑。
4、隨意地放了一張圖片用作背景,一定要注意,路徑要寫對。
5、這樣,保存之后文字就會覆蓋在圖片的上面了。
CSS即使設(shè)置了其他字體,也要看別的電腦里有沒有,一般系統(tǒng)自帶有宋體,黑體等字體,但是如果你電腦上有好看的字體,可以顯示,在別的電腦沒有你的字體,就顯示不了,所以一般只會設(shè)置系統(tǒng)自帶的字體。
設(shè)置方法:
html
head
style type="text/css"
p.ziti{font-family:"Times New Roman",Georgia,Serif}
/style
/head
body
h1CSS font-family/h1
p class="ziti"要更改的字體內(nèi)容/p
/body
/html
CSS定義可以是:font-family:sans-serif
也就是CSS用 p{font-family:"Times New Roman",Georgia,Serif}
為什么我這里設(shè)置了三個,分別用","隔開呢,因為不同版本的操作系統(tǒng),對字體的支持不同解釋如下:
例如微軟雅黑不同操作系統(tǒng)不同版本需要如下設(shè)置:
Windows XP及以前版本的Windows
font-family: Arial, 宋體, sans-serif;
Windows Vista和Windows 7
font-family: 'Microsoft Yahei', sans-serif;
Sorry,英文就無法設(shè)置字體了,因為中文字體都包含了英文字體。好在雅黑顯示英文還湊合。
Mac及其它操作系統(tǒng)
font-family: sans-serif;
系統(tǒng)自帶中文字體編碼:
宋體SimSun黑體SimHei微軟雅黑Microsoft YaHei微軟正黑體Microsoft JhengHei新宋體NSimSun新細明體PMingLiU細明體MingLiU標(biāo)楷體DFKai-SB仿宋FangSong楷體KaiTi仿宋_GB2312FangSong_GB2312楷體_GB2312KaiTi_GB2312
css中文字樣式不包括縮進屬性。
1、文本:text-indent。
2、文本對齊:text-align。
3、字間隔:word-spacing。
4、字母間隔:letter-spacing。
5、字母轉(zhuǎn)換:text-transform。
字體用中文表示則需要用雙引號或者單引號分隔,英文字體一般不需要用引號,但是如果有特殊字符的(如空格,反斜杠,#,$等)也需要使用引號。
font-weight:
CSS具有以下特點:CSS提供了豐富的文檔樣式外觀,以及設(shè)置文本和背景屬性的能力;允許為任何元素創(chuàng)建邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內(nèi)容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文檔的header部分,也可以將樣式聲明在一個專門的CSS文件中,以供HTML頁面引用??傊珻SS樣式表可以將所有的樣式聲明統(tǒng)一存放,進行統(tǒng)一管理。