歸納總結CSS中背景設定與文字外觀屬性

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

css的背景表示： strong>

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：刪除線 span>

6：text-align ：設定文字內容的水平對齊，相當於html中的align對齊屬性

7 ：text-indent：首行縮排，用於設定段落首行文字的縮進，只能設定於區塊級標籤,可以是負值，實際應用放在網站的圖示文字縮排

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

以上就是本文的全部了，希望大家能夠喜歡。

【相關教學推薦】

1.  CSS影片教學
2. CSS線上手冊
3. bootstrap教學