*不使用div排版，請使用table來編排 *<img>要設定正確的width和height *「alt」屬性要設定 *不使用css seletor，使用inline-css *email的css要個別寫在tag行內 *圖片與文字重疊的兩個方法 1.方法一：把圖片設為background-image，有些閱讀器不能正常顯示<table>標簽的background-image 2.方法二：使用z-index與position: absolute，但是position可能會跑掉(因瀏覽器不同)，不要用absolute，使用static或float較好。 ***圖片中間有空白(俗稱破圖) 使用display:block去除白線。 位在表格的兩張圖片中有空白：將表格歸零， 在<table>中使用 cellpadding="0" cellspacing="0" border=“0"來去除表格的「預設寬度」， 並使用float:left來去除位於不同表格「連續圖片」的空白。 可直接寫style style="display:block; border:0; outline:0; float:left; vertical-align:0" *** 版面寬度 一般網頁的寬度大約為960px，為方便手機平板閱讀，寬度以550px~600px為準。 *** 字體大小 17~22px *** 按鈕大小 apple說44*44px android說48*48px gmail中寄...