这篇文章主要介绍“html页面中div如何调用css”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“html页面中div如何调用css”文章能帮助大家解决问题。

1.首先我们在开发工具中新建一个 Html 文件，并且将文件命名为 test.html。创建成功后的代码如下：

<html><head><metacharset="utf-8"><title>html页面中div怎么调用css</title></head><body></body></html>

2.在创建后的代码中加入 <div></div>标签，并且在该标签中加入一个 class类标签，定义类标签的名称为 ceshi；代码如下：

<html><head><metacharset="utf-8"><title>html页面中div怎么调用css</title></head><body><divclass="ceshi">html页面中div怎么调用css?</div></body></html>

3.在同一个项目中新建一个 css文件，并且将该文件命名为 test.css，将文件保存在项目中的 css 的文件夹中。通过 ceshi 类名编写 html 页面中 div 的 css 样式 。设置字体大小为30px，字体颜色为蓝色。代码如下：

@charset"utf-8";.ceshi{font-size:30px;color:blue;}

4.在 test.html 文件中，使用 link 标签加载外部的 css 文件，并且在 href 属性中 添加 css 文件的路径。代码如下：

<html><head><metacharset="utf-8"><linkhref="css/jieshao.css"rel="stylesheet"/><title>html页面中div怎么调用css</title></head><body><divclass="ceshi">html页面中div怎么调用css?</div></body></html>

5.我们保存所有的文件，在开发工具中点击运行。

关于“html页面中div如何调用css”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。