資源描述：
《很好用css教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、前一陣為了做班級空間學(xué)了一點(diǎn)css，好朋友想學(xué)一下，所以就把這個(gè)教程貼上來啦~希望能對想學(xué)css的同學(xué)們有所幫助~以下這篇教程當(dāng)然不是我寫的啦~我只是做了一點(diǎn)小小的改動(dòng)~不過這可以說是我見過的對初學(xué)者來說最好用最淺顯的教程了~其實(shí)百度也有官方的教程~不過那個(gè)太難了~對于我們平時(shí)修改空間或是簡單的制作空間~這個(gè)就完全夠用了~最后給大家提一個(gè)小建議~因?yàn)閏ss都是英文~所以英文不是很好的人們最好打開金山詞霸用鼠標(biāo)取詞~這樣可以方便理解哦~~修改CSS文件：登錄后進(jìn)入設(shè)置－模板設(shè)置－自定義模板，這時(shí)就會(huì)跳出一個(gè)窗口，出現(xiàn)可編輯的CSS代碼文件。但是，這并
2、不是你自己當(dāng)前使用的模板的代碼，而是一個(gè)百度默認(rèn)模板的代碼，這個(gè)是無法選擇的，百度目前只能提供這一種模板供編輯。如果你想在某個(gè)比較喜歡的模板的基礎(chǔ)上進(jìn)行編輯，就需要先把這個(gè)模板的CSS代碼復(fù)制出來，然后把“自定義模板”里出現(xiàn)的那個(gè)代碼完全替換掉，接下來就可以對想修改的部分進(jìn)行編輯啦。在編輯CSS文件的窗口下方有四個(gè)選項(xiàng)：“保存”“保存并應(yīng)用”“取消”“預(yù)覽”，一定要搞清楚這幾個(gè)選項(xiàng)的區(qū)別，在每次修改之后最好先點(diǎn)一下“預(yù)覽”看看有沒有錯(cuò)誤，之后再“保存”，最好不要在編輯狀態(tài)下直接點(diǎn)“保存并應(yīng)用”，而是先保存，然后再次預(yù)覽確定每個(gè)頁面都沒問題之后再選擇
3、“應(yīng)用此模板”。查看自己或別人CSS代碼的方法：打開你要看的那個(gè)空間，點(diǎn)右手鍵，菜單上會(huì)有一個(gè)選項(xiàng)“查看源文件”，點(diǎn)這個(gè)后會(huì)彈出一個(gè)記事本文件，在這個(gè)文件中查找“CSS”，直到出現(xiàn)這種格式的文字“href="/msnib/css/item/ed14a84473384f82b2b7dcb2.css">”（以MSNIB的空間為例），然后COPY其中“/css/item/ed14a84473384f82b2b7dcb2.css”這一段放到地址欄里空間網(wǎng)址的后邊，即“http://hi.baidu.com/msnib/css/item/ed14a84473
4、384f82b2b7dcb2.css”，然后敲回車，這時(shí)就會(huì)彈出來一個(gè)記事本文件，這里就是你要看的CSS代碼文件。通常用這種方法看到的文字都是不分行的，比較混亂，這時(shí)可以把它COPY到WORD文檔里，看起來就會(huì)比較有條理啦。注：可以通過這種方法學(xué)習(xí)一些代碼的設(shè)置方式，或者挖到一些喜歡的資源，但最好不要全盤復(fù)制別人的勞動(dòng)成果，自己動(dòng)手設(shè)置出獨(dú)一無二的模板才更有樂趣啊～～～CSS內(nèi)容及幾個(gè)主要部分的設(shè)置方式空間背景顏色/鼠標(biāo)設(shè)置區(qū)域如果要設(shè)置特殊風(fēng)格的鼠標(biāo)，需要在代碼文件的第一行加上：a:hover{cursor:url('http://imgcach
5、e.qq.com/qzone/space_item/orig/11/187.ani')}body{cursor:url('http://imgcache.qq.com/qzone/space_item/orig/11/1547.ani')}{background-color:#FFFFFF}第一行括號內(nèi)的鏈接是點(diǎn)到鏈接時(shí)的鼠標(biāo)狀態(tài)，第二行括號內(nèi)的鏈接是正常的鼠標(biāo)狀態(tài)，第二行后邊的background-color后邊的顏色代碼是指整個(gè)空間的背景顏色。六位顏色代碼可以在這里找到。如果不需要設(shè)置特殊鼠標(biāo)，那么這一部分只保留“body{background
6、-color:#顏色代碼}”就可以了?？臻g名稱/標(biāo)題圖片設(shè)置區(qū)域#header{height:300px;background:url(……)}這是空間標(biāo)題欄的主體部分，{}內(nèi)的文字解釋如下：“height”指標(biāo)題欄的高度，這個(gè)要與你放在標(biāo)題欄的圖片高度相同；后邊的括號內(nèi)是你要做標(biāo)題的圖片的鏈接，寬度為1024px的圖片比較合適，圖片高度可以根據(jù)自己的喜好決定。#headerdiv.lc{}#headerdiv.rc{}如果想在標(biāo)題的左右兩邊放置不同的圖片，就在第一行的{}內(nèi)加上左邊的圖片鏈接，格式為{background:url(……)no-re
7、peatleft}。第二行的{}內(nèi)加上右邊圖片的鏈接，格式為{background:url(……)no-repeatright}。否則{}內(nèi)留空就可以。#headerdiv.tit{top:30px;left:20px;line-height:22px;font-size:30px;font-family:隸書}這里要設(shè)置的是空間名稱的位置（top后邊的數(shù)字是文字離空間標(biāo)題欄上邊界的距離，left后邊的數(shù)字是離左邊界的距離）；大?。╢ont-size后邊的數(shù)字）；字體（font-family后邊的文字）。#headerdiv.tita.titlin
8、k{color:#......;text-decoration:none}#headerdiv.tita.titlink:
