官網(wǎng)：全國(guó)免費(fèi)咨詢熱線：4006-553-664企業(yè)QQ：4006-553-664第四課：網(wǎng)站css基礎(chǔ)主講：（朱毅）第四課：網(wǎng)站css基礎(chǔ)CSS(CascadingStyleSheet)，中文譯為層疊樣式表，它是用于控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。第四課：網(wǎng)站css基礎(chǔ)<一>style樣式表的書寫規(guī)則<h1style=“color:red;font-size:14px;”>第一個(gè)css實(shí)例</h1>與此效果相等<h1><fontcolor="red"size="2.5">第一個(gè)實(shí)例</font></h1>這里將屬性分開(kāi)設(shè)置較為麻煩，樣式表為了簡(jiǎn)化屬性設(shè)置而生第四課：網(wǎng)站css基礎(chǔ)大小(font-size)、顏色(color)、字體(font-family)、加粗(font-weight:bold)、下劃線(text-decoration:underline)對(duì)齊方式(text-align)、首行縮進(jìn)(text-indent:20px|10%)間距行距(英：word-spacing:30px;中：letter-spacing:30px;)行高(line-height:24px|)等浮動(dòng)(float)定位(position)<四>style樣式表其他常用屬性第四課：網(wǎng)站css基礎(chǔ)<divstyle=“width:200px;height:100px;background:#f1f1f1;”>第一個(gè)css實(shí)例</div>寬高背景<二>style樣式表常用屬性詳解第四課：網(wǎng)站css基礎(chǔ)<三>style樣式表常用屬性詳解-background

1.背景顏色background-color例如background-color:#FFFFFF;2.背景圖片background-image例如background-image:url(1.jpg);3.背景圖的重復(fù)background-repeat

背景圖片都是直接重復(fù)地鋪滿整個(gè)頁(yè)面,通過(guò)background-repeat可以設(shè)置圖片的重復(fù)方式，包括水平重復(fù)、垂直重復(fù)以及不重復(fù)。

background-repeat:repeat-y;//垂直方向重復(fù)

background-repeat:repeat-x;//水平方向重復(fù)

background-repeat:no-repeat;//不重復(fù)

4.背景圖的定位background-position

background-position屬性用于設(shè)置圖片在X軸及Y軸方向的定位，可以使用left,top,bottom,right,center這5種標(biāo)準(zhǔn)對(duì)齊方式來(lái)進(jìn)行設(shè)定。還可以通過(guò)百分比以及絕對(duì)像素進(jìn)行精確控制，例如

background-position:30%20px;背景左端處于元素30%的位置，上端處于元素20px的位置。

5.背景滾動(dòng)

background-attachment

當(dāng)背景圖片較大時(shí)，瀏覽器出現(xiàn)了滾動(dòng)條，如果不希望圖片隨著文字的移動(dòng)而移動(dòng)，而是固定在一個(gè)位置上，就可以設(shè)置background-attachment的值為fixed來(lái)實(shí)