【Web】Gmail : CSS 沒用!!

因為習慣性都會把 CSS 利用 Class 的方式來套用。
以減少程式碼，又方便維護。
但這個方式，會讓你包含Html 的信件在Gmail上，看不到你套用的CSS。

因為Gmail會把

<script>......</script>

還有

<link rel="stylesheet" type="text/css" href="http://website/my.css" />

過濾掉
所以必須使用inline CSS的方式。
例如

<div style="width:50px; border:1px solid;">Hello</div>

這樣就可以在Gmail 正常的呈現了。
這應該是怕這些外部的CSS，讓Gmail的頁面亂掉吧。
不過如果是把信用Client 端的軟體收下來看，就不會有這個問題了。