首页 > 软件开发 > 编程语言 >

如何创建css样式文件/怎样调用css样式文件

来源:互联网 2023-03-17 00:22:20 版权归原作者所有,如有侵权,请联系我们

我们在查看网页代码时,有时候看不到对方的css样式,这是对方将css样式打包单独存放在了一个文件夹内,在需要的时候只是以链接的样式插入到文档中,就如我们经常看到的样式:7jG办公区 - 实用经验教程分享!

link rel="stylesheet" href="CSS/##.css">;下面我们一起看下如何将样式导出并导入进来吧7jG办公区 - 实用经验教程分享!

工具/原料

  • HTML
  • DW

方法/步骤

  • 1

    在如图网页中,我们可以看到style中的样式列表,以及所展示的效果图7jG办公区 - 实用经验教程分享!

    如何创建css样式文件/怎样调用css样式文件7jG办公区 - 实用经验教程分享!

  • 2

    将style中的全部css样式选中,然后复制或者剪切。7jG办公区 - 实用经验教程分享!

    如何创建css样式文件/怎样调用css样式文件7jG办公区 - 实用经验教程分享!

  • 3

    然后ctrl N新建一个CSS样式文件,如图所示,然后创建7jG办公区 - 实用经验教程分享!

    如何创建css样式文件/怎样调用css样式文件7jG办公区 - 实用经验教程分享!

  • 4

    在创建的css样式文件中,将刚才复制的文件粘贴到这里7jG办公区 - 实用经验教程分享!

    如何创建css样式文件/怎样调用css样式文件7jG办公区 - 实用经验教程分享!

  • 4本页面未经许可获取自百度经验
  • 5

    在导出时,需要放到之前网页所在的同文件夹位置,可以新创建一个css文件夹,方便寻找导入7jG办公区 - 实用经验教程分享!

    如何创建css样式文件/怎样调用css样式文件7jG办公区 - 实用经验教程分享!

  • 6

    然后回到html文件中,将之前的style样式全部删除即可,然后输入link链接标签,将之前保存的css样式链接进来,保存。7jG办公区 - 实用经验教程分享!

    如何创建css样式文件/怎样调用css样式文件7jG办公区 - 实用经验教程分享!

  • 7

    链接好后,在浏览器中预览看是否链接成功。7jG办公区 - 实用经验教程分享!

    如何创建css样式文件/怎样调用css样式文件7jG办公区 - 实用经验教程分享!

  • 注意事项

    • 如果此经验对您有帮助,请左侧点赞关注,谢谢大家的支持^_^

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


    标签: CSS编程语言HTML

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