歸納總結CSS中背景設置與文本外觀屬性

這篇文章主要介紹了CSS中背景設置與文本外觀屬性 ，有一定的參考價值，感興趣的朋友可以參考一下，希望對你有所幫助！

css的背景表示：

1：background-color：背景顏色詞、rgb表示法、十六進制表示法

2：background-image：背景圖片 背景不做設置是會被平鋪滿的。

p {

width: 500px;

height: 500px;

background-image: url(images/wuyifan.jpg);

}

3：background-repeat：設置背景圖是否重復的，重復方式的。

a：background-repeat:no-repeat; 不重復

b：background-repeat:repeat-x; 橫向重復

c：background-repeat:repeat-y; 縱向重復

小技巧：可以利用1像素或者周期性圖片的圖片來做網頁的平鋪背景

css的長度單位：

— px：像素點，像素就是顯示器顯示的一個點

— em：1em=16px

TIPs：分辨率更高的電腦，那么是幾個點來表示一個像素，色彩顯示就更加的精細，效果更好，普通電腦上的分辨率是一個點對應一個像素

一般文字大小是12 和 14 px

文本外觀屬性：

1：color 文本顏色

2：letter-spacing：字間距，字符與字符之間的空白

3：word-sapce：單詞間距，定義英文單詞之間的間距，對中文字符無效

4：line-hight：行高，文本頂部+文本頂部+一倍行距 -----使用最多，因為可以讓單行文本垂直居中

為了嚴格保證字在行里面居中。約定： 行高、字號，一般都是偶數。這樣，它們的差，就是偶數，就能夠被2整除。

5：text-decoration：用來設置文本的下劃線

none：沒有裝飾（可以去掉a標簽的下劃線）

underline：下劃線 overline：上劃線

line-through：刪除線

6：text-align ：設置文本內容的水平對齊，相當于html中的align對齊屬性

7：text-indent：首行縮進，用于設置段落首行文本的縮進，只能設置于塊級標簽,可以是負值，實際應用放在網站的圖標文字縮進

TIPs:實現單行文本垂直居中：行高（line-hight）等于p盒子的高度。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com