CSS語法有誤之原因

  • 文章分類: 學CSS
  • 9/28/2010
如將已完成CSS之SKIN傳至本公司之測試網頁時有以下情況者表示此CSS語法有錯誤之處請先自行修改CSS。
  • 內文亂掉
  • Content子層位置錯位
  • 產品欄及相簿欄的頁面高低不齊
  • Mozilla Firefox與IE7某些地方的間距相差很多

有可能造成CSS語法有錯誤之原因：

  • 位置用margin、padding硬調，而非使用正規方式調整。
  • 不當使用float導致各層位置錯位
  • 如果產品欄及相簿欄的標題(main-title)過長會造成產品欄及相簿欄的頁面高低不齊。
  • 在ul及body裡設定margin:0;padding:0，Mozilla Firefox與IE7預設的margin及padding的大小不同因此會造成Mozilla Firefox與IE7某些地方的間距不同。
  • content-body如果設定width有可能會讓content整塊往下跑，小心使用。
  • 儘量避免使用14px的字體大小，14px的字體大小容易造成字體模糊。