CSS3一直都是網站建設與設計過程中必不可少的一部分，用CSS3可以實現很多網站里面的效果，例如按鈕、圖案文字、下拉菜單、相冊、漸變背景等等，雖然瀏覽器不能完全支持CSS3的效果，但作為網站建設中的一部分，已經有了很大的進步。

　　
　　網站設計三欄布局是最常見的，也是最流行的，通常情況下，企業網站的布局一般都是巨大的banner、導航、三欄目水平在加上一個頁腳。那么，用CSS如何實現三欄布局呢？

　　
　　網站模板CSS可控制超鏈接樣式分為：a:active是超級鏈接的初始狀態；a:hover是把鼠標放上去時的狀況；a:link 是鼠標點擊時；a:visited是訪問過后的情況

　　在單個HTML元素上利用CSS2.1實現擁有3張背景圖片和2張內容圖效果，或者多重邊框的效果。這種漸進增強的方式適用于所有支持CSS2.1偽元素及其定位屬性的所有瀏覽器。不需要CSS3的支持。

　　網站模板制作圖像替換文本的CSS代碼
　　以下為引用的內容：
　　#header h1 a{
　　display:block;
　　text-indent:-9999em;
　　background:(images/logo.png) no-repeat 0 0;
　　height:87px;
　　width:250px;

　　
　　大多數技術都有自己約定俗成的標準。CSS也不例外。雖然并非網絡上存在的所有CSS都很規范，但按照現有標準來使用CSS卻還是不無裨益的。一般來說，開發人員應盡可能將內容與報告分離開來。這樣做的好處在于：

　　
　　網站模板在使用DIV+CSS布局時，有些時候起不到作用？這是為什么呢？檢查代碼也沒有發現問題所在，本文介紹其中十個隱秘的原因。

　　
　　新手在網站建設時剛接觸CSS，都希望得到有經驗的技巧，方便自己學習，筆者為新手提供三個頂級CSS技巧，第一個就是很多新手困惑的瀏覽器兼容問題；第二個是分塊書寫CSS代碼；最后就是如何在一行內聲明CSS代碼。

　　
　　Media Queries的引入，其作用就是允許添加表達式用以確定媒體的情況，以此來應用不同的樣式表。換句話說，其允許我們在不改變內容的情況下，改變頁面的布局以精確適應不同的設備，以此加強體驗。所以Media Queries和CSS優化沒有關系，甚至是矛盾的。引用CSS3 Media Queries里直觀的DEMO，當瀏覽器寬度改變時，應用的CSS發生變化。而這些，原本需要 JavaScript 的控制才能做到。

　　html5里有一個新標簽audio，該標簽用以定義聲音，比如音樂或其他音頻流。既然audio標簽可以播放音頻，那我們可以不再使用flash、wmp等其他任何第三方組件，輕而易舉的使用純html來打造一個音樂播放器。

　　
　　一、從上往下漸變
　　body{
　　FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);

　　
　　網站制作者對IE6可是說是恨之入骨，因為CSS對瀏覽器的兼容很挑剔，往往正常的CSS代碼在IE6下就是無法顯示，根據W3C的標準，網站制作要用xhtml格式寫代碼，筆者從網上搜集了一下CSS兼容問題，特此歸納總結，希望可以解決您的煩惱！

　　
　　以下網站設計圖標是完全基于純CSS3設計的，你見過嗎？如果不是筆者親眼看到。你絕對不會相信它們完全是由 CSS3 代碼生成的。
　　奧林匹克標志
作者: Doug Neiner
　　基于純 CSS，以 em 為單位，可動態調整尺寸，需要瀏覽器支持 border-radius 屬性，目前支持的瀏覽器包括 Chrome, Safari, Firefox 和 IE9。
　　jQuery 標志

　　Dreamweaver MX 2004提供了一個快速更換網站模板的功能，只要把各種網站模板制作好，然后點擊更換即可。不過模板也不是隨便可以更換的，可以更換模板的條件是被更換的頁面必須是通過模板創建的，而且頁面中的可編輯區域個數和名稱必須與要更換模板的可編輯區域個數和名稱相一致。下面筆者就手把手教你制作網站模板！！

　　
　　網站制作標記中DIV和SPAN元素最大的特點是默認都沒有對元素內的對象進行任何格式化渲染。主要用于應用樣式表。兩者最明顯的區別在于DIV是塊元素，而SPAN是行內元素。