SiteWeb 之所以創建，是為了提供Web標準設計和愛好者一個互相學習和交流作品的空間。如果您的網頁是用WEB標準構建，只需通過提交頁面填寫必要的內容，您的網站將立即展現出來...^_^ 。（PS：WEB標準 是 結構（Structure） 、表現（Presentation） 和 行為（Behavior） 叄方面構成的標準集合）
- 用相對定位和負向移動來完成一個圖片象框陰影的製作
- 圖片和文本的結合更具親和力的做法，利用em標籤的浮動效果使 文本字元環繞在你的圖片周圍
- 利用:hover 來改變圖片前後大小的方法，做一個 滑動效果的圖片畫廊
- WEB標準的表單寫法，是一種更貼近用戶的形式，雖然相對於傳統的形式複雜一些，不過卻能達到更好的效果。下面我們來介紹利用<fieldset>和<legend>來合理分布表單內容，以及一個不常用到的標籤 <optgroup> 更好將<select>下拉選項分類 一款符合標準的表單樣式
- 利用 overflow、display 和 a的hover偽類 來做一個 可摺疊伸縮的名片選單
- 利用 CSS + <em>標籤 來完成一個三角形的製作，以及它的常見特效套用
- 現在純CSS做的特效越來越受到親睞，它無須使大量的JS來支持，僅僅是一些意想不到的組合就能做出許多精美的效果，進一步我們能在“玩”的過程中更好的學習和了解CSS。從本周開始，我將介紹一些比較新奇少見CSS特效，以它為出發點著重分析我們不常用到的一些CSS的另類屬性。下面來介紹利用 background-position 來做一個照片各部分的彩色與黑白交替更換
- 對於布局的自適應高度在FIREFOX和OPERA下一直比較麻煩，原因就是 float 脫離文檔流而導致無法撐它的父對象大DIV的高度。下面推薦一個比較經典方法，由 forestgan 翻譯的“DIV+CSS布局自適應高度負邊距法”，之所以說他經典就是因為使用了overflow: hidden 來清除浮動，使包容對象產生了完美的彈性效果。（PS：這裡需要注意一個地方，Opera8處理overflow: hidden的hacks有不足：頂部有時會出現3px的誤差，頁面超過2000px將無法繼續伸展；3px的誤差我們可以將“padding-top: 32767px!important;margin-bottom -32767px !important” 這段的長度的絕對值都改成2000px，第二個問題目前還無法解決。
- 熟悉CSS盒模型朋友相信對於IE6雙倍浮動邊界BUG不會陌生（如果你並不是很清楚可以點點我），這個BUG只會產生在浮動行的第一個浮動元素，所以如果第一個浮動元素沒有使用外補丁margin就不會有雙倍距離。不過最近發現IE6對於這個BUG居然有延伸的現象......
- WEB標準中的行為標準一直比較容易忽視，大家似乎都對於前2個更加關注。下面讓我們來了解一下關於W3C所推薦的DOM，當你通過前面那邊文章明白了DOM以後不要心急，接著你還必須了解目前IE對於DOM的支持並不完善，從現實出發更進一步的來看看讓我們的Javascript兼容多種瀏覽器和Javascript在IE、FF、OPERA中常用方法和屬性的兼容性這2篇文章。
- “lightbox”是一個別致且易用的圖片顯示效果，它可以使圖片直接呈現在當前頁面之上而不用轉到新的視窗。雖然這個效果做起來比較複雜，但是套用起來說非常簡單，只需改動幾個小小的細節就輕鬆搞定。最近 Lightbox2.0 版本也出來了，改進了原先的幾個BUG，增加了動態變化圖片大小的效果。
- 了解Ajax的朋友應該都知道每次使用時都得重複創建對象和傳送請求，所以使用類來完成這些工作是必要的，這裡我向大家介紹一個簡單實用的Ajax通用類，代碼簡短但是卻很好解決了IE快取、對象回收、請求重疊這些問題。
