首页 > 软件开发 > CSS >

在html文件中应用abc.css文件中的样式的方法

来源:互联网 2023-03-16 19:10:06 511

在html文件中应用abc.css文件中的样式的方法,这里最终要的是要确定文件的位置。DPx办公区 - 实用经验教程分享!

工具/原料

  • html5

方法/步骤

  • 1

    打开编辑器,本文以SUBLIME TEXT3作为示范。DPx办公区 - 实用经验教程分享!

    在html文件中应用abc.css文件中的样式的方法DPx办公区 - 实用经验教程分享!

  • 2

    先创建一个index.html文件霸槐。DPx办公区 - 实用经验教程分享!

    在html文件中应用abc.css文件中的样式的方法DPx办公区 - 实用经验教程分享!

  • 3

    然后我们定义一下HTML的基本框架。DPx办公区 - 实用经验教程分享!

    !DOCTYPE html>DPx办公区 - 实用经验教程分享!

    html>DPx办公区 - 实用经验教程分享!

    head>DPx办公区 - 实用经验教程分享!

    title>CSS样式/title>DPx办公区 - 实用经验教程分享!

    /head>DPx办公区 - 实用经验教程分享!

    body>DPx办公区 - 实用经验教程分享!

    DPx办公区 - 实用经验教程分享!

    /body>DPx办公区 - 实用经验教程分享!

    /html>DPx办公区 - 实用经验教程分享!

    在html文件中应用abc.css文件中的样式的方法DPx办公区 - 实用经验教程分享!

  • 4

    这个时候创建一个abc.css文件,要放在同一个文件夹里面。DPx办公区 - 实用经验教程分享!

    在html文件中应用abc.css文件中的样式的方法DPx办公区 - 实用经验教程分享!

  • 5

    这里设置一下css背景样式作为示范。DPx办公区 - 实用经验教程分享!

    在html文件中应用abc.css文件中的样式的方法DPx办公区 - 实用经验教程分享!

  • 6

    link rel="stylesheet" type="text/css" href="abc.css">DPx办公区 - 实用经验教程分享!

    然后我们需要指向这个css文件。这个时候网页就痕娃能生成样式了。DPx办公区 - 实用经验教程分享!

    在html文件中应用abc.css文件中的样式的方法DPx办公区 - 实用经验教程分享!

    在html文件中应用abc.css文件中的样式的方法DPx办公区 - 实用经验教程分享!

  • 6相关内容未经许可获取自百度经验
  • 7

    link rel="stylesheet" type="text/css" href="E:\abc.css">DPx办公区 - 实用经验教程分享!

    如果有绝对路颂游叮径的话,我们需要定义路径位置,以免不在同一个目录下。DPx办公区 - 实用经验教程分享!

    在html文件中应用abc.css文件中的样式的方法DPx办公区 - 实用经验教程分享!

  • 注意事项

    • css文档的名字可以根据自己来起

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!DPx办公区 - 实用经验教程分享!


    标签: CSSHTML文件文档

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码