千家信息网

html页面中div如何调用css

发表于:2025-01-22 作者:千家信息网编辑
千家信息网最后更新 2025年01月22日,这篇文章主要介绍"html页面中div如何调用css"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"html页面中div如何调用css"文章能帮助大家解决问题。
千家信息网最后更新 2025年01月22日html页面中div如何调用css

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

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

                              html页面中div怎么调用css           

2.在创建后的代码中加入

标签,并且在该标签中加入一个 class类标签,定义类标签的名称为 ceshi;代码如下:

                               html页面中div怎么调用css                   
html页面中div怎么调用css?

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页面中div怎么调用css                   
html页面中div怎么调用css?

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

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

0