Llego un poco tarde al juego, pero espero que esto ayude a alguien.
Encontré este pequeño y agradable método jQuery / javascript que se puede insertar en una página: http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery / /
Lo he editado un poco para admitir IE y también para admitir una página con varios archivos CSS adjuntos aplicando estilos en el orden correcto.
$(document).ready(function ($) {
var rules;
for(var i = document.styleSheets.length - 1; i >= 0; i--){
if(document.styleSheets[i].cssRules)
rules = document.styleSheets[i].cssRules;
else if(document.styleSheets[i].rules)
rules = document.styleSheets[i].rules;
for (var idx = 0, len = rules.length; idx < len; idx++) {
if(rules[idx].selectorText.indexOf("hover") == -1) {
$(rules[idx].selectorText).each(function (i, elem) {
elem.style.cssText = rules[idx].style.cssText + elem.style.cssText;
});
}
}
}
$('style').remove();
$('script').remove();
$('link').remove();
});
La página se puede copiar / pegar en el cuerpo del correo electrónico.