Question

我有html页面，我将我的样式定义为头部代码：

＆LT; style type =＆＃34; text / css＆＃34; style =＆＃34; margin：0; padding：0; font-family：Helvetica，Arial，sans-serif;＆＃34;＆gt;

    * { margin:0; padding:0; }
    * { font-family: Helvetica, Arial, sans-serif; }
    body { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; width:100%!important; height:100%; }
    a { color:#2BA6CB; }
    .btn { text-decoration:none; color:#FFF; background-color:#2a2c2d; padding:14px 16px; font-weight:bold; margin-right:10px; text-align:center; cursor:pointer; display:inline-block; }
    table.social { background-color:#ebebeb; }
    table.body-wrap { width:100%; padding-top:50px; }
    table.footer-wrap { width:100%; clear:both!important; }
    .footer-wrap .container td.content  p { border-top:1px solid rgb(215,215,215); padding-top:15px; }
    .footer-wrap .container td.content p { font-size:10px; font-weight:bold; }
    h1,h2,h3 { font-family:Helvetica, Arial, sans-serif; line-height:1.1; margin-bottom:15px; color:#2a2c2d; }
    h1 { font-weight:700; font-size:40px; color:#2a2c2e; }
    h2 { font-weight:700; font-size:22px; margin-top:25px; }
    h3 { font-weight:700; font-size:16px; margin-top:25px; }
    p, ul { margin-bottom:10px; font-weight:normal; font-size:14px; line-height:1.4; }
    p { color:#6c6f70; }
    div.lead p { font-size:17px; font-weight:700; color:#2a2c2d; }
    ul li { margin-left:5px; list-style-position:inside; }
    .container { display:block!important; max-width:600px!important; margin:0 auto!important; clear:both!important; }
    .content { padding:25px; max-width:600px; margin:0 auto; display:block; }
    .content table { width:100%; font-size:14px; }
    .log-details { background-color:#2a2c2d; color:#FFF; padding:20px; margin-bottom:15px; }
    .log-details td { padding-top:2px; padding-bottom:2px; }
    th { width:110px; text-align:left; }

    @media only screen and (max-width: 600px) {

    a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important; }
    div[class="column"] { width: auto!important; float:none!important; }
    table.social div[class="column"] { width:auto!important; }

    }
</style>

用于发送简报。然后我必须在另一个页面上的TextArea中呈现此HTML页面。到目前为止都很好。

将代码渲染到TextArea后将其保存到数据库后，我的主页上已经破坏了css。会发生什么，它需要在textarea中找到的css并将其添加到主页面。这是它添加到标题的标记。

＆LT; link rel =＆＃34; stylesheet＆＃34; HREF =＆＃34; 1409044831＆＃34;类型=＆＃34;文本/ CSS＆＃34;＆GT;

任何人都可以帮助我避免这种情况吗？非常感谢！

Answer 1

您的头部区域中的样式标记格式不正确，正确的结构方式是：

<style type="text/css">
    .selector {margin: 0;padding: 0;font-family: Helvetica, Arial, sans-serif;
    * { margin:0; padding:0; }
    * { font-family: Helvetica, Arial, sans-serif; }
    body { -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none;}
</style>

CSS选择器和规则必须位于正确封闭的<style>标记集中。

在textarea里面用css的html

1 个答案: