首頁 > web前端 > css教學 > 主體

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

PHPz
發布: 2018-11-06 15:51:05
轉載
2958 人瀏覽過

這篇文章主要介紹了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教學

相關標籤:
css
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!