【问题标题】:Convert css from html style tag into inline css将 css 从 html 样式标签转换为内联 css
【发布时间】:2015-04-20 18:45:23
【问题描述】:
    <!doctype html>
    <html >
        <head>
            <style>

    .accordion section:target { background:#FFF; padding:10px;}
    .accordion section:target h2 a{ color:#333; padding:0;}
    .accordion section:target p {display:block;}
    .accordion section{ float:left; overflow:hidden; color:#333; cursor:pointer; background: #333; margin:3px; width:100%; height:40px; }
    .accordion section p { display:none; }
    .vertical :target{ height:250px; width:97%; }


    </style>

        </head>
        <body>
            <h1>CSS3 Only Accordion Examples</h1>


            <div style="width:830px; overflow:hidden; margin:10px auto; color:#474747; background:#414141; padding:10px;" class="accordion vertical">
              <section id="vertabout" target=" background:#FFF; padding:10px;">
                  <h2 style=" position:relative; left:0; top:-15px; "><a style="padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none;" href="#vertabout">About Us</a></h2>
                  <p>fggfdgasf</p>
              </section>
              <section id="vertservices">
                  <h2 style=" position:relative; left:0; top:-15px; "><a style="padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none;" href="#vertservices">Services</a></h2>
                  <p>dcsadsc</p>
              </section>
            </div>
        </body>
    </html>

如何将样式标签内的代码转换成内联css? 这样它就可以通过电子邮件附件发送,因为要正确查看附件,电子邮件只需要内联 css。

【问题讨论】:

标签: html css


【解决方案1】:

Zurb 内联执行此操作。看看http://zurb.com/ink/inliner.php

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-06-26
    • 1970-01-01
    • 2014-09-25
    • 2017-05-09
    • 1970-01-01
    • 1970-01-01
    • 2016-06-16
    相关资源
    最近更新 更多