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

Question

我想从html页面中删除以下内容并将其添加到现有的css表中。我是否必须执行任何特殊操作，例如创建新的.mynewclass或只删除<style>代码？

<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>

Answer 1

将您的样式添加到外部样式表中，例如 - 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">

这是调用default.css样式表。 注意，href="value"将是样式表所在的位置

Answer 2

在这种情况下，在CSS文件中编写嵌入css代码就足够了。检查类是否已存在。如果是这样，请将CSS属性添加到这些类中，否则将代码粘贴到文件中。

Answer 3

如果现有的CSS文件已经在HTML中导入，那么将内联CSS从HTML移动到文件应该可以。