每次調CSS最令人頭痛的就是瀏覽器校正問題，因為每個瀏覽器對CSS的解釋都不太一樣，Firefox本身算是比較照規矩來，處理上比較簡單，但是遇到微軟的IE系列頭就大了，雖然都是IE，但是IE6、IE7、IE8各版本對CSS的解釋又不一樣，就算你本身已經在IE6調整好，但是在IE7看起來又是不一樣，這時我們就得來對各個瀏覽器設定不同的數值來解決版面移位的問題。
網路上有非常多關於CSS Hack的教學文章，當然處理方法也有很多種，接下來要跟大家說明的是屬於比較簡單的方法，但是以下的校正確無法通過W3C檢測，雖然無法通過檢測，但是針對各個瀏覽器校正確是有效的喔！
繼續閱讀 »
網頁（文章）對SEO搜索引擎優化也佔有重要地位，網頁（文章）內容有許多要注意的地方，網頁（文章）的關鍵字除了在網頁標題、關鍵字、描述出現外，也要出現在網頁（文章）裡，而且密度越高越好，但須注意語意要通順，千萬別亂加一通，免得適得其反。
繼續閱讀 »
一個簡單的DIV+CSS佈局，模擬XOOPS的佈局方式，但沒有使用表格，對於DIV佈局排斥的人，應該有些許幫助，由於用DIV比用TABLE來得有彈性，程式碼也比較簡潔，建議大家多用這樣的方式來做網頁，範例中只有佈局沒有內容的空白網頁，可以自行複製更改index.htm的內容，外觀則由CSS資料夾style.css控制，圖片請放在images資料夾內，有任何問題，歡迎在此留言提問…
繼續閱讀 »
CSS 佈局與傳統表格(table)佈局最大的區別在於：原來的定位都是採用表格，通過表格的間距或者用無色透明的 GIF 圖片來控制文佈局版塊的間距；而現在則採用層(div)來定位，通過層的 margin,padding,border 等屬性來控制版塊的間距。
繼續閱讀 »
在瞭解 XHTML 程式碼規範後，我們就要進行 CSS 佈局。首先先介紹一 些 CSS 的入門知識。
CSS 是 Cascading Style Sheets(層疊樣式表)的縮寫。是一種對 web 文件添加樣式的簡單機制，屬於表現層的佈局語言。
1.基本語法規範
分析一個典型 CSS 的語句：
繼續閱讀 »
用 web 標準設計網站，過渡的方法主要是採用 XHTML+CSS，css 樣式表是必不可少的。這就要求所有網頁設計師必須熟練掌握 CSS，如果你以前不常用，那麼現在就開始學習吧。要製作符合 web 標準的網站，不懂 CSS 是設計不出漂亮的頁面的。事實上，所有表現的地方都需要用 CSS 來實現。我們以前都習慣用 table 來定位和佈局，現在要改 用 DIV 來定位和佈局。這是思維方式的變化，一開始有些不習慣。呵呵，任何變革都會有阻力的，為了享受標準帶 來的"益處"，放棄一些老的傳統做 法是值得的。
外部調用樣式表
在以前，我們通常採用 2 種方法使用樣式表：
• 頁面內嵌法：就是將樣式表直接寫在頁面程式碼的 head 區。類似這樣：
繼續閱讀 »
賽牛網