我有一个学校项目，要求我不要使用内联样式或嵌入式样式。我已经完成了整个工作，并弄清楚了，所以现在我需要将内容移动到外部CSS。我什至将其上传到我的学校CWP页面，但无法正常工作。
这有几个部分：
首先，创建一个外部样式表（'style.css'-或其他）
您可以通过创建新的记事本解决方案并点击“另存为”来做到这一点。确保使用扩展名“ .css”保存它。如果不确定如何执行此操作，请参考此处：另存为其他文件类型记事本
您必须在HTML文档的开头引用此.css文件
可以这样完成：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
有关更多信息，请参见此处：参考外部样式表。
请注意，如果'style.css'文件与.html文件不在同一文件夹中，并且位于名为“ Folder”的文件夹中，则需要像这样引用它：
<link rel="stylesheet" href="/Folder/style.css">
您必须准确地将所有内联样式引用/移动到外部.css文件中。
您可以在标签中添加标识符，即可以在任何标签中添加“ id”或“ class”属性，这将有助于在CSS中引用您的项目。
您可以像这样在标签中添加一个id：<label id="lblMyLabel">Example Text</label>
您可以像这样在标签
中添加一个类：
<label class="lblMyLabel">Example Text</label>
您可以像这样在css中引用一个id：#lblMyLabel { font-weight:bold; }
您可以像这样在css 中引用一个类：.lblMyLabel { font-weight:bold; }
有关如何引用ID的更多示例参见此处：CSS ID选择器
有关如何引用类的更多示例，请参见此处：CSS类选择器
本文还对转换进行了很好的概述：如何添加CSS
以下是转换前后的示例，供您参考：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
后
<label style="color:green; font-weight:bold;">I am your heading</label>#lblHeading {
font-weight:bold;
color:green;
}
<label id="lblHeading">I am your heading</label>后
<label style="color:green; font-weight:bold;">I am your heading</label>.lblHeading {
font-weight:bold;
color:green;
}
<label class="lblHeading">I am your heading</label>后
<div style="padding-top:10px; background-color:green;">
<div style="padding-top:2px; background-color:red;">
<label style="font-weight:bold;">Example</label>
<img src="" style="height:10px;"/>
</div>
</div>.outerDiv {
padding-top:10px;
background-color:green;
}
.outerDiv .innerDiv {
padding-top:2px;
background-color:red;
}
.outerDiv .innerDiv #lblMyLabel {
font-weight:bold;
}
.outerDiv .innerDiv #imgMyImage {
height:10px;
}如果您有任何疑问或想提供一些代码，我们很乐意帮助您进行一些转换！