css樣式模板
1. 怎麼把淘寶的模板弄成css模板啊，啊是用到css樣式表啊
div+css在淘寶拍拍的後台是可以添加的！
此功能在旺鋪中運用起來不錯！
css樣式表不能以包含文件的專形式出現，因為會屬被屏蔽
舉個例說明如何寫吧!
比如,正常的css樣式包含或寫在頭部:
<style type="text/css">.a</style>
<div class="a"></div>
上面代碼要寫在網店後台的html應改為:
<div style="font-size:12px;width:100px"></div>
看明白了嗎？不明白再加我
推薦一個網頁網店模板下載網址:
除了使用div+css以外table也可以哦
只要是html源代碼
不能加入的是包含式的文件比如js,css包含類型,flash這幾種不能加入!
另外,團IDC網上有許多產品團購,便宜有口碑
2. css div 模板
研究DIV CSS這種，先從最基本的純HTML頁面開始研究，先別去管什麼模板庫，那要通過ASP.PHP等程序語言才能實現。
純HTML頁面的導航或是通用區的代碼肯定是要復制的，這個是學習的過程，省了這個過程，你學不會東西的，等你學會了才用CMS或者其它的程序方式實現這些偷懶的東西吧。
或者，你還沒有真正理解什麼是靜態HTML語言，什麼是動態網頁編程語言（ASP或PHP）這些東西。
3. 如何在css和div中將某些文字加到樣式中區，變成模板
定義了樣式之後，可以一直使用，就相當於模板了。只要這些字應用了這些樣式就是一樣的效果。不會了可以追問我
4. 怎樣做css模版~
CSS樣式表一席談之快速入門
在當今的網頁製作中，幾乎所有漂亮的網頁都用了CSS。 CSS是 Cascading Style Sheet的縮寫，有些書上把它譯為 「層疊樣式表」。有了CSS的控制，我們的網頁便會給人一種賞心悅目、工工整整的感覺，同時字體的色彩變化也使主頁變得更加生動活潑。雖然只短短的十幾行代碼，得到的效果卻不同凡響。其基本用法是在網頁中插入如下格式的一段代碼：
下面以一段比較典型的CSS代碼為例介紹其具體用法。
例：這段代碼 中間的部分共七行，可看出有這樣的特點：前兩行的格式分別為P {……} 和 TD {……} 。後五行均是 A:命令詞 {……} 的格式。其中前兩行的作用是對網頁文字的字體、大小、顏色等的控制，而後五行則是對鏈接的色彩及下劃線的控制。
1.文字控制
例中的前兩行:
P {FONT－FAMILY: 宋體; FONT－SIZE: 9pt; LINE－HEIGHT: 12pt; color:＃000000} TD {FONT－FAMILY: 宋體; FONT－SIZE: 9pt} 說明：FONT－FAMILY:宋體;(指定網頁文字的字體) FONT－SIZE:9pt;（指定網頁文字的字型大小大小，pt是表示大小的單位）LINE－HEIGHT:12pt;（指定行與行的垂直距離，即行高）color:＃000000（指定網頁文字的顏色，＃000000 代表黑色，為十六進制數）TD {FONT－FAMILY:宋體;FONT－SIZE:9pt}（對網頁表格里的文字進行控制）
2.鏈接色彩變化及下劃線的控制
例中的後5行說明：
A:hover {BACKGROUND－COLOR: ＃ffccff; COLOR: ＃0080ff}
(hover表示滑鼠指示時,鏈接文字背景色為＃ffccff;前景色為＃0080ff)
A:link {color:＃000000;TEXT－DECORATION: none}
(link表示未被訪問時,鏈接顏色為黑色,鏈接無下劃線.)
A:visited {color:gray;TEXT－DECORATION: none}
(visited表示被訪問後,鏈接顏色為灰色,鏈接無下劃線.)
A:active {color:green;text－decoration: none}
(active表示滑鼠點擊時,鏈接顏色為綠色,鏈接無下劃線.)
A:hover {TEXT－DECORATION: underline}
(hover表示滑鼠指示時,鏈接顯示下劃線)
注釋：
none——沒有下劃線
underline——下劃線
overline——上劃線
line－through——中劃線
以上是比較典型的一段CSS代碼，代碼中的參數值可隨意更換調試。有了CSS的預先設置，你會發現製作網頁變得更輕鬆了。
5. 什麼是CSS模板
CSS是Cascading style Sheets的簡稱，中文譯作「層疊樣式表單」，我把它叫作「層疊樣式表」，我感到這樣順口一
點，沒別的意思。實際上它是一組樣式。你可能對CSS這個名詞比較陌生，實際上無論你用Internet Explorer還是
Netscape Navigator在網上沖浪，幾乎隨時都在與CSS打交道，在網上沒有使用過CSS的網頁可能不好找。不管你用什麼工
具軟體製作網頁，都有在有意無意地使用CSS。用好CSS能使你的網頁更加簡煉，為什麼同樣內容的網頁，有的人做出來有
幾十KB，而高手做出來只有十幾KB，CSS在其中的作用是不言而喻的。我把我在使用CSS中的一些小經驗以及一些網友來信
提問的問題整理出來，供諸位參考。
1、CSS在網頁製作中一般有三種方式的用法，那麼具體在使用時該採用哪種用法？
當有多個網頁要用到的CSS，採用外連CSS文件的方式，這樣網頁的代碼大大減少，修改起來非常方便；只在單個網頁
中使用的CSS，採用文檔頭部方式；只有在一個網頁一、兩個地方才用到的CSS，採用行內插入方式。
2、CSS的三種用法在一個網頁中要以混用嗎？
三種用法可以混用，且不會造成混亂。這就是它為什麼稱之為「層疊樣式表」的原因，瀏覽器在顯示網頁時是這樣處
理的：先檢查有沒有行內插入式CSS，有就執行了，針對本句的其它CSS就不去管它了；其次檢查頭部方式的CSS，有就執行
了；在前兩者都沒有的情況下再檢查外連文件方式的CSS。因此可看出，三種CSS的執行優先順序是：行內插入式、頭部方
式、外連文件方式。
3、在Dreamweaver3中如何使外部文件式CSS？
在Dreamweaver3中使用外連文件式CSS並沒有特殊要求，同樣是用記事本創建一個*.css文件，在網頁的<head>與
</head>之間加上一句這樣的代碼：<link rel="stylesheet" href="在這里填上你的CSS文件地址（相對路徑+文件
名）" type="text/css"> 就行了。
4、如何用Dreamweaver3快速創建CSS外連式文件？
對於一個初接觸CSS的網頁設計人員來講，要用記事之類的編輯器，去創建一個CSS外連式文件是相當困難的。由於
Dreamweaver3對CSS支持的很好，用它來幫助就輕松多了。具體可以這樣操作：
1）先在紙上寫好在網站的網頁中可能要用到的格名稱，然後在Dreamweaver3的編輯窗中調出CSS面板，一個一個地定
義，並在一個空白頁上適當地寫一點相關內容，邊定義邊試用，效果不滿意，立即修改；
2）全部定義好後，再用記事本創建一個空的CSS外連式文件，把在<head>與</head>之間的那段定義好的CSS復制
到CSS文件中去，就大功告成了。整個過程就是點滑鼠，方便吧？
5、在Dreamweaver3中採用行內插入式CSS要手動寫代碼嗎？
不用！先用CSS面板定義好要用的CSS，然後，在要插入CSS的標記插入：style=""，再把你剛才定義的CSS從<head>
後面拖到這個雙引號中來，把花括弧以外的部分刪去就行了。
6、在方檔頭部方式和外連文件方式的CSS中都有「<!--」和「-->」，好象沒什麼用，不要可以嗎？
這一對東東的作用是為了不引起低版本瀏覽器的錯誤。如果某個執行此頁面的瀏覽器不支持CSS，它將忽略其中的內
容。雖然現在使用不支持CSS瀏覽器的人已很少了，由於互聯網上幾乎什麼可能都會發生，所以還是留著為妙。
7、如何給一部分文字加背景色？
給文字加上不同顏色，在DW3中只要在屬性面板上選取文字的顏色就行了，非常方便，但要給部分文字加不同的背景色
卻沒有相應的功能，我們可以先做一個定義背景色的CSS（如：bgstyle），在DW3中點幾下鼠就完成了。如一個定義淡黃色
背景的CSS是這樣的：
<style type="text/css">
<!--
.bgstyle { background: #FFFFCC}
-->
</style>
在要用時選取那段文字，再在CSS面板上點一下「bgstyle」就行了。
8、如何給部分文字加背景圖像？
與加背景色操作類似，中是在背景在選擇載入圖象就是了，一個定義好的加背景圖象的CSS例子的代碼是這樣的：
<style type="text/css">
<!--
.imgbgstyle { background-image: url(/logo.gif)}
-->
</style>
在要用時選取那段文字，再在CSS面板上點一下「imgbgstyle」就行了。
9、如何使頁面的背景在文字「滾動」時背景圖案靜止不動？
要使背景圖案不隨文字「滾動」的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」上的「letter spaceing」屬性定義的就
是字間距，它指的是每一個字元之間的額外間距，經長度為單位，正負值均可，當取負值時產生字元擠在一起的效果。下
面代碼是一個定義好的字間距CSS例子：
<style type="text/css">
<!--
.style1 { letter-spacing: 3px}
-->
</style>
11、如何給文字加上劃線、下劃線、刪除線和閃爍？
在DW3中CSS的屬性定義對話框(style Definition for .style1)的「Type」上的「decoration」屬性定義的就是這些
內容，要注意的是閃爍屬性有些版本的瀏覽器不支持，少用為好。下面是一個定義好上述效果的CSS例子：
<style type="text/css">
<!--
.style1 { text-decoration: underline overline line-through blink}
-->
</style>
其中： 「underline」是定義下劃線；「overline 」是定義上劃線；「 line-through」定義的是刪除線；「blink」
定義的是文字閃爍。
12、如何使網頁具有「首行縮進」功能？
由於DW3輸入空格不方便，利用「首行縮進」將彌補這個不足。在DW3中CSS的屬性定義對話框（style Definition
for .style1)的「Block」上的「text-indent」屬性定義的就是「首行縮進」，所謂「首行」是指每段內容的第一行，也
就是直接按回車鍵就形成了一個新的段落。縮進最好以「em」（字元）為單位，比如：漢字編排要求每段開始縮進兩個漢
字，設置好的CSS如下所示：
<style type="text/css">
<!--
.style1 { text-indent: 2em}
-->
</style>
在DW3要注意：在DW3中CSS的屬性定義對話框（style Definition for .style1)的「Block」上的「text-indent」右
面的縮進單位選擇框中「ems」指的就是「em」。
13、在用表格進行排版時，能使某一方向上的內容離開表格線一點嗎？
可以！在DW3中CSS的屬性定義對話框（style Definition for .style1)的「Box」上的「margin」定義的就是內容離
開邊緣的距離，分別可定義四個方向：「top」「bottom」「left」「right」。下面就是定義在左邊離開「10px」的CSS例
子代碼：
<style type="text/css">
<!--
.style1 { margin: 0px 0px 0px 10px}
-->
</style>
14、能給某部分內容加邊框嗎？
用CSS可以給某部分內容加邊框，在DW3中CSS的屬性定義對話框（style Definition for .style1)的「Border」定義
的就是邊框線，「top」「bottom」「left」「right」四邊可分別定義線的粗細和顏色，這些定義好後不要忘記在下面的
「style」中定義線型，否則將看不邊框線，因為默認的線型是「none」。下面是一個定義了上邊框為：藍色細線；左邊框
為：綠色中粗線的CSS例子：
<style type="text/css">
<!--
.style1 { border: solid; border-width: thin 0px 0px medium; border-color: #0000FF black black #00FF00}
-->
6. 哪裡有好看的css樣式模板下載
http://www.blueidea.com/tech/web/2011/8316.asp
這里有很多CSS的框架可以下載的，你可以去看看，對你應該有幫助的
還有http://www.w3school.com.cn/css/ 這里有個很好的在線CSS教程，你也可以去學習下的。
7. 求一個簡潔的CSS+DIV樣式模板
到 巴巴唔模板網 下載，那裡要什麼樣式就有什麼樣式。
8. 怎樣製作CSS模板請詳細說明
http://hi..com/tchzx/blog/item/c8a3d613131cae025baf53b0.html
跟我一起玩網路空間CSS教程+090+ (從"零"開始學玩網路空間)
http://hi..com/tchzx/blog/item/c8a3d613131cae025baf53b0.html
譚誠工作室: http://hi..com/tchzx
1.讓你看懂css各個參數http://hi..com/tchzx/blog/item/1e0453e7c351052eb838200d.html
2.網路空間CSS使用說明http://hi..com/tchzx/blog/item/b360d33fddd2b0c27c1e714a.html
3.怎樣編寫CSS的! http://hi..com/tchzx/blog/item/d75fd7a2f36821adcaefd0e1.html
4.CSS代碼解密http://hi..com/tchzx/blog/item/f106f71f339b06f5e1fe0bfe.html
5.一個CSS的漏洞http://hi..com/tchzx/blog/item/c1e74cfb9c6c8164024f560d.html
6.增加自定義模塊功能http://hi..com/tchzx/blog/item/c207c91b9f69d7faae513303.html
7.更換主體及文章的背景http://hi..com/tchzx/blog/item/f7b0d609ad57ba82d0581b15.html
8.透明flash代碼http://hi..com/tchzx/blog/item/5012e1cd15168a510eb345e3.html
9.網路空間十大寶藏http://hi..com/tchzx/blog/item/7e3daa6eb9da40da80cb4a62.html
10.製作個性化的標題欄http://hi..com/tchzx/blog/item/ae077109a6518aaf2fddd434.html
11.看到更多的網路空間http://hi..com/tchzx/blog/item/dbe16c634f5e47600d33fa07.html
12.網路空間的8個優缺點http://hi..com/tchzx/blog/item/75d054432e8b9e119213c606.html
13.專欄分割線的代碼修改http://hi..com/tchzx/blog/item/32c416df0880ac1362279831.html
14.添加自己的LOGO圖片http://hi..com/tchzx/blog/item/0bee1a9599002e087af48000.html
15.宣傳網路空間的方法http://hi..com/tchzx/blog/item/a8f9758b7e459512c9fc7a59.html
16.添加多首背景音樂http://hi..com/tchzx/blog/item/5339282e42b2bd504ec22617.html
17.設置透明背景圖http://hi..com/tchzx/blog/item/f4cb90dd7fad81345882ddb6.html
18.更改空間的滑鼠樣式http://hi..com/tchzx/blog/item/50c2c15cc3d17f43faf2c0b6.html
19.在空間里加入滾動條http://hi..com/tchzx/blog/item/702631d319d09a003bf3cfb6.html
20.透明的背景音樂的播放器http://hi..com/tchzx/blog/item/97f7b909d38ada246a60fbb6.html
21.透明個性化滾動條http://hi..com/tchzx/blog/item/3013b5fbeaff41224e4aeab6.html
22.給鏈接添加背景色效果代碼http://hi..com/tchzx/blog/item/effb6427fc39db03908f9db6.html
23.顯示"點擊給你發消息"怎麼在空間做! http://hi..com/tchzx/blog/item/62e02f3893d9c524b9998fb6.html
24.去掉文章題目下劃線http://hi..com/tchzx/blog/item/ce8c044f1019db36aec3abb6.html
25.常用插入圖片位置的代碼http://hi..com/tchzx/blog/item/83257c89c9b823b30e2444b5.html
26.如何隱藏播放器而不影響音樂播放http://hi..com/tchzx/blog/item/e4233edbfb147e66d1164eb5.html
27.如何有字體陰影http://hi..com/tchzx/blog/item/b1d78094e72b511ed31b70b5.html
28.自製閃字空間名稱http://hi..com/tchzx/blog/item/df49ca114a626b10b8127bb5.html
29.解決回車換兩行的問題http://hi..com/tchzx/blog/item/b420a086e4fe533e66096eb5.html
30.調整一下行距http://hi..com/tchzx/blog/item/b8bc514e84b1fd09b2de05b5.html
31.讓空間擁有精美flash背景http://hi..com/tchzx/blog/item/5fc12af5ea17b525bd3109b5.html
32.讓空間自動彈出對話框！http://hi..com/tchzx/blog/item/5339282e4cd0b7504ec226b5.html
33.修改blog顯示的文字顏色大小http://hi..com/tchzx/blog/item/691c36ad2e075a094a36d6b5.html
34.如何讓你的瀏覽器滾動條變色http://hi..com/tchzx/blog/item/af686238d73fbd2396ddd8b5.html
35.為評論和鏈接加上圖片http://hi..com/tchzx/blog/item/b2c26759e6c5f82a2934f0b5.html
36.如何在"其它"下面加上圖片http://hi..com/tchzx/blog/item/6c1f975228ca5e0e0df3e3b5.html
37.網路空間的名稱如何用藝術字？http://hi..com/tchzx/blog/item/0738f00331678cec09fa93b5.html
38.網路空間文字發光的方法http://hi..com/tchzx/blog/item/d5b9ff19f8f01a7adbb4bdb5.html
39.文字快速插鏈接http://hi..com/tchzx/blog/item/ca2b7e3166bd9f19eac4afb5.html
40.空間模塊巧移動http://hi..com/tchzx/blog/item/b4abaa4b8efb5ff083025cb4.html
41.個性化你的IP顯示，自定義顏色http://hi..com/tchzx/blog/item/378ed71659cc8718962b43b4.html
42.全透明http://hi..com/tchzx/blog/item/c12a7a1e97f322f41ad576b4.html
43.空間背景半透明http://hi..com/tchzx/blog/item/b4e8bda1faf95e8b461064b4.html
44.如何在網路空間的文章標題周圍加花邊圖案？http://hi..com/tchzx/blog/item/55a6221fbf22fdc8a68669b4.html
45.關於網路空間照片大小限制的問題!!! http://hi..com/tchzx/blog/item/f7b0d609ab36b082d0581bb4.html
46.如何在網路空間發表文章時插入FLESH動畫？http://hi..com/tchzx/blog/item/f106f71f32c101f5e1fe0bb4.html
47.怎樣換網路空間的背景http://hi..com/tchzx/blog/item/c94729dd492b50d98c1029b4.html
48.做分割線的方法http://hi..com/tchzx/blog/item/f6fbb77e136749380dd7dab4.html
49.在網路空間裡面添加自己的特效http://hi..com/tchzx/blog/item/69db8044561f364c500ffeb4.html
50.在文章中快速插入圖片http://hi..com/tchzx/blog/item/437f5eee9b8a79fbb3fb95b4.html
51.添加計數器的兩種方法http://hi..com/tchzx/blog/item/0731f5d3cecb3ddfa8ec9ab4.html
52.如何在空間頂部加入圖片http://hi..com/tchzx/blog/item/4b9b8cd437fbab01a08bb7b4.html
53.發表評論框的圖片http://hi..com/tchzx/blog/item/b4abaa4b8ef45ff083025cab.html
54.改變空間主頁名稱和簡介的字體大小http://hi..com/tchzx/blog/item/7e3daa6e94237dda80cb4aab.html
55.給超鏈接添加按鈕效果http://hi..com/tchzx/blog/item/95f73d292412ccfe98250aab.html
56.如何給評論框添加背景http://hi..com/tchzx/blog/item/c26ece17518b4b09c83d6df9.html
57.Iframe 用法的詳細講解http://hi..com/tchzx/blog/item/e23e207f172e2b0828388a8e.html
58.背景圖片素材01 http://hi..com/tchzx/blog/item/bc11d02aa2db092dd52af10f.html
59.圖片素材20060929 http://hi..com/tchzx/blog/item/6d12563d821675ee3c6d970e.html
60.我的自定義設計 http://hi..com/tchzx/blog/item/3c6ab5b731ac21f431add193.html
61.CSS滑鼠樣式大全 http://www.hi128.cn/?250/action_viewspace_itemid_37.html
62.跟我一起玩網路空間的音樂和視頻+ http://hi..com/tchzx/blog/item/398833a85082a0b1ca130c21.html
63.為<好友列表>增加一個滾動條 http://hi..com/tchzx/blog/item/b54a0bf4d32be5ef7709d70b.html
64.空間模塊巧移動 + 文字快速插鏈接 http://hi..com/tchzx/blog/item/d6369b82c9d0e2bf6d811914.html
65.怎麼去掉網路空間里模塊的框框！http://hi..com/tchzx/blog/item/5012e1cd2f64b0510eb345b1.html
66.基本顏色代碼+ http://hi..com/tchzx/blog/item/e3f0317aa7d065ed2f73b329.html
67.在你的空間中加入幽默元素.. http://hi..com/tchzx/blog/item/5612858b86b287d3fc1f10f0.html
68.網路空間吧[精品]貼+ http://hi..com/tchzx/blog/item/06cf65d06bb7be8fa1ec9cf9.html
69.如何在博客上---中--下加入圖片（時鍾）http://hi..com/tchzx/blog/item/8e2cb0452fc7b226cefca333.html
72.教你10個你未必知道的CSS技巧! http://hi..com/tchzx/blog/item/ee3cb41c0680918b86d6b60e.html
73.用CSS進行網路空間樣式設計! http://hi..com/tchzx/blog/item/f7b0d609a75eac82d0581b0c.html
74.網路空間自動友情鏈接 http://hi..com/tchzx/blog/item/f235a64477276882b2b7dc98.html
75.一起玩網路空間幫助 http://hi..com/tchzx/blog/item/e4233edbfee96366d0164e98.html
76.一起玩網路空間榜單 http://hi..com/tchzx/blog/item/5173043b98a1f8ea15cecb99.html
77.點對點宣傳網路空間 http://hi..com/tchzx/blog/item/e859cc13444c3823dc540164.html
78.網路空間常見27+問題 http://hi..com/tchzx/blog/item/9636b38f8c02a5eef11f365a.html
79.怎樣讓網路、Google搜到你的博客 http://hi..com/tchzx/blog/item/3c6ab5b70df03df430add15f.html
80.如何加上一個個性時間網頁上？http://hi..com/tchzx/blog/item/f467a7ec9522603d279791a5.html
81.教你怎樣讓背景自動更新,包括頭背景 http://hi..com/tchzx/blog/item/92eb968f3bd93afa503d927a.html
82.在 CSS 中關於字體處理效果的思考 http://hi..com/tchzx/blog/item/4ac6be3876097ac2d4622526.html
83.如何置頂文章及美化自定意模塊! http://hi..com/tchzx/blog/item/6c1f97523edf440e0df3e382.html
84.如何美化頁眉部分 http://hi..com/tchzx/blog/item/d6f1ecc4d2bb75a98326ac83.html
85.更換背景及滾動軸顏色和空間半透代碼 http://hi..com/tchzx/blog/item/4dd018306adb8e99a8018e8c.html
86.如何設置標題.簡介及文章字體為光暈字 http://hi..com/tchzx/blog/item/55a6221f8acae6c8a786698c.html
87.用CSS來控制網頁背景 http://hi..com/tchzx/blog/item/cce94b08ec6526950b7b8228.html
88.CSS產生的特殊效果 http://hi..com/tchzx/blog/item/e763a11ebdb7c61f40341728.html
89.用Css控制IE5.5瀏覽器中滾動條 http://hi..com/tchzx/blog/item/4dd0183097408399a8018e29.html
90.css語法(網路空間) http://hi..com/tchzx/blog/item/e5e21ed8ac5b8a3532fa1c29.html
參考資料：http://hi..com/tchzx/blog/item/c8a3d613131cae025baf53b0.html
9. 一套css樣式可以應用幾個模板嗎
我從來沒有這么做過。
我感覺您有點鑽牛角尖了。
css很簡單啊。不要想得復雜了。我建議您從頭開始學習css。把基礎打扎實。不就是一個盒子模型嗎？
好好研究盒子吧。
我就是拿著幾個盒子學會css的。很容易的。希望對你有用。
10. psd模板 html樣式 css樣式
html偏重於結構和內容，css主要起美化頁面的作用。而且 html所具有的一些動態功版能是css不具有的。
內容+表現權=頁面
XHTML+CSS=PAGE
內容與表現分開,就是內容使用HTML,XHTML,而怎麼對內容排版,顯示使用CSS 標准網頁的優點:
1. 代碼更少,更容易維護.
2. 頁面下載更快,寬頻要求更低,硬碟容量需求更少.
3. 排版更加方便.
4. 可以提高易用性與可擴展性(可以適應很多其它的設備:搜索蜘蛛/屏幕閱讀器/列印機/手持設備/移動設備等)
5. 內容與表現分離,使擴展更加簡單,分工協作更加簡單.