将嵌入式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"将是样式表所在的位置