*不使用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中寄信
很久以前直接複製貼上在發信內文即可，
現在比較複雜。
作法如下：
在gmail中要選edit as html，
用瀏覽器打開email的html，
複製<body>...</body>那一段程式碼，
不含<body>和</body>，
貼上在gmail即可發信。
更多說明
留言
張貼留言