CSS怎么调用？三种方法调用CSS

猿友 2021-05-21 17:58:16 浏览数 (4794)

HTML 文件中怎么调用 CSS 样式呢。这篇文章告诉你三种方法。

外部样式表调用

这是最为推荐的方式。当一个项目过大的话，最好吧 HTML 和 CSS 分离开来，减少代码冗余，也方便修改和维护。

导入外部样式表需要在<head></head>标签内使用单标签<link>来导入。具体使用方法如下：

<link rel="stylesheet" type="text/css" href="样式表路径">

如果网页不需要设置很多样式的话，可以直接使用内部样式表。通过在<head></head>标签内引用<script></script>标签来定义内部样式表。具体使用效果如下：

<head>
    <style type="text/css">
	body{
            margin:0;
            padding:0;
        }
	</style>
</head>

如果我们想直接在某个标签上设定样式的话，可以直接使用内联样式表。具体使用方法如下：

<p style="color:red;">内联样式设置文字为红色</p>

以上就是文章“CSS 怎么调用？三种方法调用 CSS”的全部内容。想要了解更多 CSS 资料，请前往 w3cschool。