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

2021-05-21 17:58:16 浏览数 (39)

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 资料,请前往 zijiebao

CSS

1 人点赞