怎么用外联css做网页

在进行网页制作时，使用外链 CSS 可以使代码更加简洁易懂，同时也方便样式的统一管理。以下是使用外链 CSS 制作网页的步骤：

1. 创建一个 css 文件，并将其保存到网页目录中。例如，我们可以将文件名命名为 style.css。

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

3. 在代码头部将 link 标签插入，将其与外部 css 文件连接。rel属性应设置为 stylesheet，type属性应为 text/css，而href属性应为外部 css 文件的路径。

4. 在 css 文件中输入相应的样式规则。例如：

body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    padding: 0;
    margin: 0;
}
h1, h2 {
    color: #333;
    text-align: center;
}
.container {
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
}
    

这是一些简单的样式规则，包括对文本字体、背景颜色、页面布局的设置等。在这个示例中，样式规则被应用于 body、h1、h2 和一个 class 为 container 的 div 元素。

5. 最后，在 HTML 中的相应元素中加入 CSS 类，如下所示：

div class="container">
    h1>
    My Website/h1>
    p>
    This is my website./p>
    /div>
    

这里我们让 div 元素使用了 class 为 container 的样式规则，即 max-width、margin 和 padding 属性。

以上就是使用外链 CSS 制作网页的基本步骤，希望本文能帮助大家更好的理解和应用 css 网页制作知识。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！