首页 > 软件开发 > JavaScript >

sublime以及其他编译器如何引入CSS文件,js文件

来源:互联网 2023-03-16 23:57:53 版权归原作者所有,如有侵权,请联系我们

对于刚开始写网页的新手,可能不知道如何引入CSS和JS文件,下面就Sublime给出详细引文件步骤:FQz办公区 - 实用经验教程分享!

工具/原料

  • sublime

方法/步骤

  • 1

    首先通过Sublime打开新建文件夹,如下图FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

  • 2

    打开之后,进入此页面FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

  • 3

    ctrl n新建一个文件,或者在工程名上右击new file都可以,然后写一个简单的div,另存为当前文件下的index.html文件,如图:FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

  • 4

    接着继续在当前文件夹名上右击,new folder,然后命名为css,和js文件,可以看到文件夹下罗列着css文件,js文件,index.html如图:FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

  • 5

    接着在css文件夹上右击,New File, 保存为css.css,在js文件上进行同样操作,命名为js.js.FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

  • 6

    建立完成之后,以此展开文件夹,会得到如图所示目录:FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

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

    接着分别在css.css 和js.js页面写上一些简单代码,如下:FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

  • 8

    最后一步,我们只需要在html页面,引入css和js文件就可以了,出现相应的样式了,如图FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

  • 9

    这是在浏览器的显示页面FQz办公区 - 实用经验教程分享!

    sublime以及其他编译器如何引入CSS文件,js文件FQz办公区 - 实用经验教程分享!

  • 注意事项

    • 引入文件的时候要注意css和js区别

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


    标签: CSSJAVASCRIPT

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