如何将css应用于html,使其显示为样式属性

style 这样的元素:

<style type="text/css">
h1 {border-width: 1; border: solid; text-align: center}
</style>

<h1>Title</h1>
<p>Content of the email</p>

它在一些客户端(例如,它在Mac OSX邮件应用程序上工作)而不是其他客户端(例如,它在g mail中读取电子邮件时不工作)。当我将上述内容翻译为:

<h1 style="border-width: 1; border: solid; text-align: center">Title</h1>
<p>Content of the email</p>

风格 根据我定义的css规则,它们对应的dom元素上的属性。所以对于给定的 file.css 和 file.html 我想创建一个新文件 result.html 风格 dom元素中的属性。有什么想法吗?