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