将嵌入式CSS移到单独的CSS文件中

问题描述

| 我想从html页面中删除以下内容，并将其添加到现有的CSS工作表中。我是否需要做一些特别的事情，例如创建一个新的

.mynewclass

或只是删除the1ѭ标签？

<style>
    <!--
    .rightAlign
    {
       text-align:right;
    }

    .leftPad05em
    {
       padding-left:0.5em;
    }

    .bottomPad05em
    {
       padding-bottom:0.5em;
    }

    .topPad05em
    {
       padding-top:0.5em;
    }

    .topBottomPad1em
    {
       padding:1em 0em 1em 0em;
    }

    .bottomControl
    {
       padding-left:14.5em;
    }
    -->
</style>

    

解决方法

将您的样式添加到外部样式表中，例如-

default.css

在样式表中包括这些内容-

.leftPad05em { padding-left:0.5em; }
.bottomPad05em { padding-bottom:0.5em; }
.topPad05em { padding-top:0.5em; }
.topBottomPad1em { padding:1em 0em 1em 0em; }
.bottomControl { padding-left:14.5em; }

并在您的

header

中包含-

<link href=\"default.css\" rel=\"stylesheet\" type=\"text/css\">

这就是所谓的“ 3”样式表。请注意，样式表所在的位置是“ 8”     ,在这种情况下，在CSS文件中编写嵌入的CSS代码就足够了。检查这些类是否已经存在。如果是这样，请将CSS属性添加到这些类中，否则将代码粘贴到文件中。     ,如果现有CSS文件已经在HTML中导入，则将内联CSS从HTML移至文件应该可以。