小編給大家分享一下css中美化網(wǎng)頁(yè)的元素是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司于2013年開(kāi)始，公司以成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、系統(tǒng)開(kāi)發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計(jì)等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶1000多家，涉及國(guó)內(nèi)多個(gè)省份客戶。擁有多年網(wǎng)站建設(shè)開(kāi)發(fā)經(jīng)驗(yàn)。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計(jì)、宣傳推廣等服務(wù)。 通過(guò)專業(yè)的設(shè)計(jì)、獨(dú)特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

2.標(biāo)簽

標(biāo)簽的作用

能讓某幾個(gè)文字或者某個(gè)詞語(yǔ)凸顯出來(lái)

示例：

享受“北大式”教育服務(wù)

在php中文網(wǎng)，有一群人默默支持你成就

夢(mèng)想

選擇php中文網(wǎng)，成就你的夢(mèng)想

3.字體樣式

4.字體類型

font-family屬性

p{font-family:Verdana,"楷體";}

body{font-family:Times,"TimesNewRoman","楷體";}

5.字體大小

font-size屬性

單位：px（像素）、em、rem、cm、mm、pt、pc

6.字體風(fēng)格

font-style屬性

normal、italic(庫(kù)里自帶的)和oblique(自動(dòng)將字體變斜體)

示例：

7.字體的粗細(xì)

font-weight屬性

8.字體屬性

font屬性familyweightsizestyle

字體屬性的順序：字體風(fēng)格→字體粗細(xì)→字體大小→字體類型

pspan{font:obliquebold12px"楷體";}

9.文本樣式

文本屬性

10.文本顏色

color屬性

RGB

十六進(jìn)制方法表示顏色：前兩位表示紅色分量，中間兩位表示綠色分量，最后兩位表示藍(lán)色分量

rgb(r,g,b):正整數(shù)的取值為0～255

RGBA

在RGB基礎(chǔ)上增加了控制alpha透明度的參數(shù)，其中這個(gè)透明通道值為0～1

示例：

color:#A983D8;

color:#EEFF66;

color:rgb(0,255,255);--------------最深的顏色

color:rgba(0,0,255,0.5);-----------透明度

11.排版文本段落

12.文本修飾和垂直對(duì)齊

文本裝飾

text-decoration屬性

垂直對(duì)齊方式

vertical-align屬性：middle、top、bottom

13.文本陰影

瀏覽器兼容性

14.超鏈接偽類

15.使用CSS設(shè)置超鏈接

16.列表樣式2-1

list-style-type

list-style-image

17.列表樣式2-2

list-style:

li{

list-style:none;

}

1、網(wǎng)頁(yè)背景

R紅--G綠--B藍(lán)

背景顏色

background-color

背景圖像

background-image

19.設(shè)置背景圖像2-1

背景圖像

background-image屬性

background-image:url(圖片路徑);

背景重復(fù)方式

background-repeat屬性

repeat：沿水平和垂直兩個(gè)方向平鋪

no-repeat：不平鋪，即只顯示一次

repeat-x：只沿水平方向平鋪

repeat-y：只沿垂直方向平鋪

20.設(shè)置背景圖像2-2

背景定位

background-position屬性

21.設(shè)置背景

背景屬性

background屬性

23.背景尺寸

背景尺寸background-size

24.CSS3漸變

線性漸變

顏色沿著一條直線過(guò)渡：從左到右、從右到左、從上到下等

徑向漸變

圓形或橢圓形漸變，顏色不再沿著一條直線變化，而是從一個(gè)起點(diǎn)朝所有方向混合

瀏覽器兼容性

25.CSS3漸變兼容

IE瀏覽器是Trident內(nèi)核，加前綴：-ms-

Chrome瀏覽器是Webkit內(nèi)核，加前綴：-webkit-

Safari瀏覽器是Webkit內(nèi)核，加前綴：-webkit-

Opera瀏覽器是Blink內(nèi)核，加前綴：-o-

Firefox瀏覽器是Mozilla內(nèi)核，加前綴：-moz-

26.線性漸變

左上向右下方向漸變：linear-gradient(lefttop,red,blue)

線性漸變-頭部到底部

從頭部開(kāi)始的線性漸變，從紅色開(kāi)始，轉(zhuǎn)為黃色，再到藍(lán)色: