首页 > 软件开发 > CSS >

如何创建CSS文件

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

在Dreamweaver软件中简单快速创建css文件!9HZ办公区 - 实用经验教程分享!

如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver软件
  • 台式电脑

方法/步骤

  • 1

    打开DW软件后先建站点,设置站点名称和站点所在文件夹路径(站点和站点内的文件夹名字最好都不要起中文,有可能会造成乱码!)9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

  • 2

    在站点文件夹下新建一个css文件夹,然后再在css文件夹下新建一个css文件(记住:设置css文件的后缀名一定为.css,默认的是html的)9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

  • 3

    设置好css文件之后就是怎么使用了,那么如何关联css文件和index文件呢?9HZ办公区 - 实用经验教程分享!

    在站点下新建一个index文件(后缀名为.html),打开index.html文件,在title>/title>后或前面导入css文件如图所示:代码如下:9HZ办公区 - 实用经验教程分享!

    这个是html文件里面的注释:9HZ办公区 - 实用经验教程分享!

    !--新建css文件之后 如何把主页index与css文件关联?-->9HZ办公区 - 实用经验教程分享!

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

    接下来使用快捷键Ctrl S保存就可以看到index与css文件关联起来了!9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

  • 3此文章非法爬取自百度经验
  • 4

    字体可以在【编辑】菜单下的【首选参数】下设置!9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

  • 5

    完整的站点应该设置一下文件夹和文件,希望可以帮到你们!9HZ办公区 - 实用经验教程分享!

    如何创建CSS文件?9HZ办公区 - 实用经验教程分享!

  • 注意事项

    • 站点和站点内的文件夹名字最好都不要起中文,有可能会造成乱码!
    • 记住要养成随时保存文件内容的习惯!

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


    标签: CSS

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