網站建設使用CSS的Sprites功能的目的就是通過整合圖片，減少對服務器的請求數量，從而加快頁面加載速度。
實現方法：
首先將小圖片整合到一張大的圖片上
然后根據具體圖標在大圖上的位置，給背景定位。
background-position:-8px -95px;

　　
IE8的HTML5增強功能包括AJAX 導航、DOM 存儲、跨文檔消息傳送 (XDM) 和連接事件。它們是嚴格按照W3C HTML 5.0 草案開發的。所以網站制作在IE5、IE6、IE7、FF下顯示都沒問題。在IE8下就變形了的時候，那么可能是因為你的css不能通過W3C HTML 5.0驗證。

　　
　　網頁制作技術的進步并沒有帶來實際結果的進步。可怕的是國內的瀏覽者慢慢被潛移默化地，也不再注意網站是否“好看”。其實不是他們不覺得不好看，而是現在不注重外觀的網站太多了，他們麻木了。稍微有點圓角，有點濾鏡效果，對于他們來說是久旱逢甘露，于是乎贊美：哎喲，多么漂亮啊！這方面我覺得還不如一些Flash的整站和原始的切圖構成網站。

　　
　　網站制作要做好布局，id與class都是必須熟練掌握的，所謂“兩手抓，兩手都要硬”。ID就象狙擊槍一樣，可以幫助我們精準地定位要想要加載樣式的元素；而class則是俠客的佩劍，信手拈來更加輕盈靈便，兩者的結合能夠實現結構良好且表現豐富的頁面。

　　
　　網站設計及網站布局的基本是要懂得DIV+CSS，通過合理的利用DIV+CSS可以利于搜索引擎的抓取，個人感覺DIV+CSS作為制作網頁，美化網頁的一個重要輔助是很強大方便的，可以彌補table制作框架和表格時的很多不足和美工上的缺點。下面是網站制作者必須知道的排版技巧：

　　
　　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來打造一個音樂播放器。