以下是一些导入CSS外部文件的基本步骤：
1. 打开HTML文件，并在其中引入CSS外部文件。可以使用<link>标签，如下所示：
<link rel=”stylesheet” type=”text/css” href=”path/to/your/style.css”>
其中，“path/to/your/style.css”是要导入的CSS文件的路径。
2. 在CSS文件中添加需要的样式信息。可以通过CSS的类、属性、选择器等来定义样式。
例如，在导入的CSS文件中，可以使用类名来定义一个标题类，并在标题上应用样式：
h1.title {
color: blue;
font-size: 2em;
在这个例子中，“h1.title”是类名，“title”是要应用的样式。
3. 检查导入的CSS文件是否正确。可以使用浏览器的“检查元素”功能来检查导入的CSS文件是否正确。
例如，在Chrome浏览器中，可以使用以下代码检查标题类是否被正确应用：
<head>
<link rel=”stylesheet” type=”text/css” href=”path/to/your/style.css”>
<title>Hello World!</title>
</head>
如果标题类被正确应用，将看到“Hello World!”的标题。
4. 导入CSS外部文件。当所有必要的步骤都已执行后，就可以使用浏览器的“查看”菜单中的“源码”或“查看文件”功能来导入CSS外部文件了。
例如，在Chrome浏览器中，可以使用以下代码导入CSS文件：
<link rel=”stylesheet” type=”text/css” href=”path/to/your/style.css”>
<script>
document.addEventListener(‘link’, function(event) {
event.waitUntil(
document.styleSheet.href === document.styleSheet.src &&
document.styleSheet.type === ‘text/css’
);
});
</script>
在这个例子中，使用“waitUntil”方法来等待CSS文件的导入完成。当CSS文件被正确导入时，将看到“Hello World!”的标题。
以上就是CSS外部文件怎样导入的基本步骤。通过上述步骤，就可以方便地导入CSS文件，为HTML页面添加样式。