將嵌入式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移動到文件應該可行。