这篇文章主要介绍“html页面中div如何调用css”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“html页面中div如何调用css”文章能帮助大家解决问题。
1.首先我们在开发工具中新建一个 Html 文件，并且将文件命名为 test.html。创建成功后的代码如下：
<html> <head> <meta charset="utf-8"> <title>html页面中div怎么调用css</title> </head> <body> </body></html>2.在创建后的代码中加入 <div></div>标签，并且在该标签中加入一个 class类标签，定义类标签的名称为 ceshi；代码如下：
<html> <head> <meta charset="utf-8"> <title>html页面中div怎么调用css</title> </head> <body> <div class="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> <meta charset="utf-8"> <link href="css/jieshao.css" rel="stylesheet"/> <title>html页面中div怎么调用css</title> </head> <body> <div class="ceshi"> html页面中div怎么调用css? </div> </body></html>5.我们保存所有的文件，在开发工具中点击运行。
关于“html页面中div如何调用css”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
