切版相关原则
来源：华佗健康网
切版相關原則
【使用link方式將html與css分開管理】
1.
reset.css 清除各瀏覽器的預設設定，來源： http://yui.github.io/yui2/
http://developer.yahoo.com/yui/license.html
2. 3.
base.css 有關全站的樣式寫在這裡
ex:全站的超連結顏色、字體大小、按鈕……等。
index.css 當頁的css，相關頁面可以寫在一起，ex:service.css
【檔案儲存方式及命名】
檔案儲存方式：
css集中在一個資料夾、img一個資料夾
HTML命名: 英文小寫 + 底線 ex: user_upload_page.html
【class的命名】
使用class 設定樣式，id留給串程式功能使用，且同樣的id在同樣的頁面只能出現一次，除非是很明確會有的區塊， ex: id=\"header\"、id=\"footer\"
class命名: 英文小寫 + 英文大寫，ex: class=\"activeItem\"
【圖片】
↑html ←css
圖片尺寸在css設定，保持html單純放物件內容，樣式設定則寫在css
圖片命名：類型 + 名稱(大寫) ex: btnRed.png
【習慣】
會跑版。
寫的時候要測試各瀏覽器是否都不會破版（chrome、ie8以上、firefox）
切版的時候要把各情況都呈現出來，再由工程師程式判斷何時該秀出對應內容，且要注意是否在不同資訊內容時，版面都不
因篇幅问题不能全部显示，请点此查看更多更全内容