研究DIV CSS這種，先從最基本的純HTML頁面開始研究，先別去管什么模板庫，那要通過ASP.PHP等程序語言才能實(shí)現(xiàn)。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),裕華企業(yè)網(wǎng)站建設(shè),裕華品牌網(wǎng)站建設(shè),網(wǎng)站定制,裕華網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,裕華網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
純HTML頁面的導(dǎo)航或是通用區(qū)的代碼肯定是要復(fù)制的，這個(gè)是學(xué)習(xí)的過程，省了這個(gè)過程，你學(xué)不會(huì)東西的，等你學(xué)會(huì)了才用CMS或者其它的程序方式實(shí)現(xiàn)這些偷懶的東西吧。
或者，你還沒有真正理解什么是靜態(tài)HTML語言，什么是動(dòng)態(tài)網(wǎng)頁編程語言（ASP或PHP）這些東西。
這個(gè)兩個(gè)基本概念就不一樣，css是控制網(wǎng)頁的樣式的。模版是為了制作頁面方便，把個(gè)網(wǎng)頁之間相同的部分制作成一個(gè)頁面。其他網(wǎng)頁都調(diào)用相同的部分，方便更新啥的。
跟我一起玩百度空間CSS教程+090+ (從"零"開始學(xué)玩百度空間)
譚誠工作室:
1.讓你看懂css各個(gè)參數(shù)
2.百度空間CSS使用說明
3.怎樣編寫CSS的!
4.CSS代碼解密
5.一個(gè)CSS的漏洞
6.增加自定義模塊功能
7.更換主體及文章的背景
8.透明flash代碼
9.百度空間十大寶藏
10.制作個(gè)性化的標(biāo)題欄
11.看到更多的百度空間
12.百度空間的8個(gè)優(yōu)缺點(diǎn)
13.專欄分割線的代碼修改
14.添加自己的LOGO圖片
15.宣傳百度空間的方法
16.添加多首背景音樂
17.設(shè)置透明背景圖
18.更改空間的鼠標(biāo)樣式
19.在空間里加入滾動(dòng)條
20.透明的背景音樂的播放器
21.透明個(gè)性化滾動(dòng)條
22.給鏈接添加背景色效果代碼
23.顯示"點(diǎn)擊給你發(fā)消息"怎么在空間做!
24.去掉文章題目下劃線
25.常用插入圖片位置的代碼
26.如何隱藏播放器而不影響音樂播放
27.如何有字體陰影
28.自制閃字空間名稱
29.解決回車換兩行的問題
30.調(diào)整一下行距
31.讓空間擁有精美flash背景
32.讓空間自動(dòng)彈出對話框！
33.修改blog顯示的文字顏色大小
34.如何讓你的瀏覽器滾動(dòng)條變色
35.為評論和鏈接加上圖片
36.如何在"其它"下面加上圖片
37.百度空間的名稱如何用藝術(shù)字？
38.百度空間文字發(fā)光的方法
39.文字快速插鏈接
40.空間模塊巧移動(dòng)
41.個(gè)性化你的IP顯示，自定義顏色
42.全透明
43.空間背景半透明
44.如何在百度空間的文章標(biāo)題周圍加花邊圖案？
45.關(guān)于百度空間照片大小限制的問題!!!
46.如何在百度空間發(fā)表文章時(shí)插入FLESH動(dòng)畫？
47.怎樣換百度空間的背景
48.做分割線的方法
49.在百度空間里面添加自己的特效
50.在文章中快速插入圖片
51.添加計(jì)數(shù)器的兩種方法
52.如何在空間頂部加入圖片
53.發(fā)表評論框的圖片
54.改變空間主頁名稱和簡介的字體大小
55.給超鏈接添加按鈕效果
56.如何給評論框添加背景
57.Iframe 用法的詳細(xì)講解
58.背景圖片素材01
59.圖片素材20060929
60.我的自定義設(shè)計(jì)
61.CSS鼠標(biāo)樣式大全
62.跟我一起玩百度空間的音樂和視頻+
63.為好友列表增加一個(gè)滾動(dòng)條
64.空間模塊巧移動(dòng) + 文字快速插鏈接
65.怎么去掉百度空間里模塊的框框！
66.基本顏色代碼+
67.在你的空間中加入幽默元素..
68.百度空間吧[精品]貼+
69.如何在博客上---中--下加入圖片（時(shí)鐘）
72.教你10個(gè)你未必知道的CSS技巧!
73.用CSS進(jìn)行百度空間樣式設(shè)計(jì)!
74.百度空間自動(dòng)友情鏈接
75.一起玩百度空間幫助
76.一起玩百度空間榜單
77.點(diǎn)對點(diǎn)宣傳百度空間
78.百度空間常見27+問題
79.怎樣讓百度、Google搜到你的博客
80.如何加上一個(gè)個(gè)性時(shí)間網(wǎng)頁上？
81.教你怎樣讓背景自動(dòng)更新,包括頭背景
82.在 CSS 中關(guān)于字體處理效果的思考
83.如何置頂文章及美化自定意模塊!
84.如何美化頁眉部分
85.更換背景及滾動(dòng)軸顏色和空間半透代碼
86.如何設(shè)置標(biāo)題.簡介及文章字體為光暈字
87.用CSS來控制網(wǎng)頁背景
88.CSS產(chǎn)生的特殊效果
89.用Css控制IE5.5瀏覽器中滾動(dòng)條
90.css語法(百度空間)
參考資料：
CSS是Cascading style Sheets的簡稱，中文譯作“層疊樣式表單”，我把它叫作“層疊樣式表”，我感到這樣順口一
點(diǎn)，沒別的意思。實(shí)際上它是一組樣式。你可能對CSS這個(gè)名詞比較陌生，實(shí)際上無論你用Internet Explorer還是
Netscape Navigator在網(wǎng)上沖浪，幾乎隨時(shí)都在與CSS打交道，在網(wǎng)上沒有使用過CSS的網(wǎng)頁可能不好找。不管你用什么工
具軟件制作網(wǎng)頁，都有在有意無意地使用CSS。用好CSS能使你的網(wǎng)頁更加簡煉，為什么同樣內(nèi)容的網(wǎng)頁，有的人做出來有
幾十KB，而高手做出來只有十幾KB，CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小經(jīng)驗(yàn)以及一些網(wǎng)友來信
提問的問題整理出來，供諸位參考。
1、CSS在網(wǎng)頁制作中一般有三種方式的用法，那么具體在使用時(shí)該采用哪種用法？
當(dāng)有多個(gè)網(wǎng)頁要用到的CSS，采用外連CSS文件的方式，這樣網(wǎng)頁的代碼大大減少，修改起來非常方便；只在單個(gè)網(wǎng)頁
中使用的CSS，采用文檔頭部方式；只有在一個(gè)網(wǎng)頁一、兩個(gè)地方才用到的CSS，采用行內(nèi)插入方式。
2、CSS的三種用法在一個(gè)網(wǎng)頁中要以混用嗎？
三種用法可以混用，且不會(huì)造成混亂。這就是它為什么稱之為“層疊樣式表”的原因，瀏覽器在顯示網(wǎng)頁時(shí)是這樣處
理的：先檢查有沒有行內(nèi)插入式CSS，有就執(zhí)行了，針對本句的其它CSS就不去管它了；其次檢查頭部方式的CSS，有就執(zhí)行
了；在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出，三種CSS的執(zhí)行優(yōu)先級是：行內(nèi)插入式、頭部方
式、外連文件方式。
3、在Dreamweaver3中如何使外部文件式CSS？
在Dreamweaver3中使用外連文件式CSS并沒有特殊要求，同樣是用記事本創(chuàng)建一個(gè)*.css文件，在網(wǎng)頁的head與
/head之間加上一句這樣的代碼：link rel="stylesheet" href="在這里填上你的CSS文件地址（相對路徑+文件
名）" type="text/css" 就行了。
4、如何用Dreamweaver3快速創(chuàng)建CSS外連式文件？
對于一個(gè)初接觸CSS的網(wǎng)頁設(shè)計(jì)人員來講，要用記事之類的編輯器，去創(chuàng)建一個(gè)CSS外連式文件是相當(dāng)困難的。由于
Dreamweaver3對CSS支持的很好，用它來幫助就輕松多了。具體可以這樣操作：
1）先在紙上寫好在網(wǎng)站的網(wǎng)頁中可能要用到的格名稱，然后在Dreamweaver3的編輯窗中調(diào)出CSS面板，一個(gè)一個(gè)地定
義，并在一個(gè)空白頁上適當(dāng)?shù)貙懸稽c(diǎn)相關(guān)內(nèi)容，邊定義邊試用，效果不滿意，立即修改；
2）全部定義好后，再用記事本創(chuàng)建一個(gè)空的CSS外連式文件，把在head與/head之間的那段定義好的CSS復(fù)制
到CSS文件中去，就大功告成了。整個(gè)過程就是點(diǎn)鼠標(biāo)，方便吧？
5、在Dreamweaver3中采用行內(nèi)插入式CSS要手動(dòng)寫代碼嗎？
不用！先用CSS面板定義好要用的CSS，然后，在要插入CSS的標(biāo)記插入：style=""，再把你剛才定義的CSS從head
后面拖到這個(gè)雙引號(hào)中來，把花括號(hào)以外的部分刪去就行了。
6、在方檔頭部方式和外連文件方式的CSS中都有“!--”和“--”，好象沒什么用，不要可以嗎？
這一對東東的作用是為了不引起低版本瀏覽器的錯(cuò)誤。如果某個(gè)執(zhí)行此頁面的瀏覽器不支持CSS，它將忽略其中的內(nèi)
容。雖然現(xiàn)在使用不支持CSS瀏覽器的人已很少了，由于互聯(lián)網(wǎng)上幾乎什么可能都會(huì)發(fā)生，所以還是留著為妙。
7、如何給一部分文字加背景色？
給文字加上不同顏色，在DW3中只要在屬性面板上選取文字的顏色就行了，非常方便，但要給部分文字加不同的背景色
卻沒有相應(yīng)的功能，我們可以先做一個(gè)定義背景色的CSS（如：bgstyle），在DW3中點(diǎn)幾下鼠就完成了。如一個(gè)定義淡黃色
背景的CSS是這樣的：
style type="text/css"
!--
.bgstyle { background: #FFFFCC}
--
/style
在要用時(shí)選取那段文字，再在CSS面板上點(diǎn)一下“bgstyle”就行了。
8、如何給部分文字加背景圖像？
與加背景色操作類似，中是在背景在選擇加載圖象就是了，一個(gè)定義好的加背景圖象的CSS例子的代碼是這樣的：
style type="text/css"
!--
.imgbgstyle { background-image: url(/logo.gif)}
--
/style
在要用時(shí)選取那段文字，再在CSS面板上點(diǎn)一下“imgbgstyle”就行了。
9、如何使頁面的背景在文字“滾動(dòng)”時(shí)背景圖案靜止不動(dòng)？
要使背景圖案不隨文字“滾動(dòng)”的CSS是這樣的：
style type="text/css"
!--
BODY { background: purple url(/bg.jpg);
background-repeat:repeat-y;
background-attachment:fixed
}
--
/style
10、如何定義字間距？
在DW3中CSS的屬性定義對話框（style Definition for .style1)的“Block”上的“l(fā)etter spaceing”屬性定義的就
是字間距，它指的是每一個(gè)字符之間的額外間距，經(jīng)長度為單位，正負(fù)值均可，當(dāng)取負(fù)值時(shí)產(chǎn)生字符擠在一起的效果。下
面代碼是一個(gè)定義好的字間距CSS例子：
style type="text/css"
!--
.style1 { letter-spacing: 3px}
--
/style
11、如何給文字加上劃線、下劃線、刪除線和閃爍？
在DW3中CSS的屬性定義對話框(style Definition for .style1)的“Type”上的“decoration”屬性定義的就是這些
內(nèi)容，要注意的是閃爍屬性有些版本的瀏覽器不支持，少用為好。下面是一個(gè)定義好上述效果的CSS例子：
style type="text/css"
!--
.style1 { text-decoration: underline overline line-through blink}
--
/style
其中： “underline”是定義下劃線；“overline ”是定義上劃線；“ line-through”定義的是刪除線；“blink”
定義的是文字閃爍。
12、如何使網(wǎng)頁具有“首行縮進(jìn)”功能？
由于DW3輸入空格不方便，利用“首行縮進(jìn)”將彌補(bǔ)這個(gè)不足。在DW3中CSS的屬性定義對話框（style Definition
for .style1)的“Block”上的“text-indent”屬性定義的就是“首行縮進(jìn)”，所謂“首行”是指每段內(nèi)容的第一行，也
就是直接按回車鍵就形成了一個(gè)新的段落?？s進(jìn)最好以“em”（字符）為單位，比如：漢字編排要求每段開始縮進(jìn)兩個(gè)漢
字，設(shè)置好的CSS如下所示：
style type="text/css"
!--
.style1 { text-indent: 2em}
--
/style
在DW3要注意：在DW3中CSS的屬性定義對話框（style Definition for .style1)的“Block”上的“text-indent”右
面的縮進(jìn)單位選擇框中“ems”指的就是“em”。
13、在用表格進(jìn)行排版時(shí)，能使某一方向上的內(nèi)容離開表格線一點(diǎn)嗎？
可以！在DW3中CSS的屬性定義對話框（style Definition for .style1)的“Box”上的“margin”定義的就是內(nèi)容離
開邊緣的距離，分別可定義四個(gè)方向：“top”“bottom”“l(fā)eft”“right”。下面就是定義在左邊離開“10px”的CSS例
子代碼：
style type="text/css"
!--
.style1 { margin: 0px 0px 0px 10px}
--
/style
14、能給某部分內(nèi)容加邊框嗎？
用CSS可以給某部分內(nèi)容加邊框，在DW3中CSS的屬性定義對話框（style Definition for .style1)的“Border”定義
的就是邊框線，“top”“bottom”“l(fā)eft”“right”四邊可分別定義線的粗細(xì)和顏色，這些定義好后不要忘記在下面的
“style”中定義線型，否則將看不邊框線，因?yàn)槟J(rèn)的線型是“none”。下面是一個(gè)定義了上邊框?yàn)椋核{(lán)色細(xì)線；左邊框
為：綠色中粗線的CSS例子：
style type="text/css"
!--
.style1 { border: solid; border-width: thin 0px 0px medium; border-color: #0000FF black black #00FF00}
--
模板顧名思義啊，
你設(shè)置哪塊可編輯，那塊不可編輯，從模板新建文件以后，就設(shè)置的可編輯區(qū)域可以編輯，其他都不變。
css樣式
，是控制格式的當(dāng)然也可以做div控制位置，樣式就是樣子模樣，table的樣子，字體的樣子
td
tr的樣子等等，和模板嚴(yán)格意義不是一回事，當(dāng)然模板里面可以引入css，可以有各種樣式。
重慶分公司
重慶分公司
