*不使用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即可發信。
更多說明
留言
張貼留言