    <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
    <html>
    <head>
    <title> 标题字体颜色变换 </title>
    <style type="text/css">
    h1 { font-size: 2.5em ; margin: .67em 0 ; color: #990099; font-style: italic;}
    p { font-size: 1em ; margin:0; color: #ff8888;font-weight:bolder;}
    </style>
    </head>
    <body>
    <h1> 标题字体颜色变换</h1>
    <p>这是设定了段落样式后的显示效果</p>
    <p>标题设置：</p>
    <p>h1 { font-size: 2.5em ; margin: .67em 0 ; color: #990099; font-style: italic;} </p>
    <p>段落设置：</p>
    <p>p { font-size: 1em ; margin:0; color: #ff8888;font-weight:bolder;} </p>
    </body>
    </html>