使用外部CSS文件是网页布局设计中的一种常见方式。在HTML文档中，我们需要调用CSS文件来实现网页的样式效果。下面将详细介绍如何调用外部CSS文件。 首先，在HTML文档中，我们需要通过link标签调用CSS文件。例如，我们在HTML文档中添加以下代码：

<link rel="stylesheet" type="text/css" href="style.css">

其中，rel属性定义引入的外部资源的类型，type属性指定链接的文档类型，href属性指定载入的外部CSS文件。 接下来，我们需要在style.css文件中添加样式规则。例如，我们可以添加以下代码：

p {
color: red;
font-size: 18px;
}

以上代码指定了所有p标签中字体的颜色为红色，字号为18px。 最后，我们在HTML文档中使用p标签来显示样式效果。例如，我们在HTML文档中添加以下代码：

<p>这是一段测试文字。</p>

这样就可以看到我们在style.css文件中定义的样式效果。 总结来说，调用外部CSS文件只需要在HTML文档中引入相应的CSS文件，然后在CSS文件中定义样式规则，最后在HTML文档中使用对应的HTML标签即可。通过这种方式，我们可以轻松实现网页样式的定制化，提升网页设计的美感和用户体验。