1. 新建项目文件夹 xtx-pc-client,在VScode中打开
    • 在实际开发中,项目文件夹不建议使用中文
    • 所有项目相关文件都保存在 xtx-pc-client 目录中
  2. 复制 favicon.ico 到 xtx-pc-client 目录
    • 一般习惯将ico图标放在项目根目录
  3. 复制 images 和 uploads 目录到 xtx-pc-client 目录中
    • images :存放网站 固定使用 的图片素材,如:logo、样式修饰图片… 等
    • uploads:存放网站 非固定使用 的图片素材,如:商品图片、宣传图片…等
  4. 新建 index.html 在根目录
  5. 新建 css 文件夹保存网站的样式,并新建以下CSS文件:
    • base.css:基础公共样式
    • common.css:该网站中多个网页相同模块的重复样式,如:头部、底部
    • index.css:首页样式

2、小兔鲜项目-文件+目录准备相关推荐

  1. 【每日一练】小兔鲜项目-01

    今天终于接触到了小兔鲜项目,之前在前端群里一直听到有人提起过. 下面开始分析一下小兔鲜: 首先,搭建框架,创建小兔鲜文件夹. 1.创建项目目录: 2.然后搭建index页面 <!DOCTYPE ...

  2. 前端vue3.0小兔鲜 项目

    博主收集到了一个完整的项目 前端vue3.0框架的小兔鲜项目,学习前端的小伙伴可以找我来领. 完整的教学视频+代码+笔记 项目地址:http://erabbit.itheima.net/ 需要的联系q ...

  3. 小兔鲜项目-原生JS实现页面放大镜效果模块

    目录 1. 项目搭建 1.1 在项目开始之前,先做好准备工作,创建这样的文件目录 1.1.1 css文件夹 1.1.2 images文件 1.1.3 uploads文件 1.2 HTML结构 1.2. ...

  4. 小兔鲜项目网站首页(动态网页)原生HTML+CSS+Javascript

    目录 1. 项目搭建 1.1 在项目开始之前,先做好准备工作,创建这样的文件目录,git和vscode直接忽略. 1.1.1 css文件夹 1.1.2 images文件 1.1.3 js文件 1.1. ...

  5. 小兔鲜项目搭建-精灵图、背景图片大小、盒子阴影、过渡

    1.1精灵图: 使用步骤: 1.创建一个盒子,设置盒子的尺寸和小图尺寸相同 2.将精灵图设置为盒子的背景图片 3.修改背景图位置 精灵图的标签一般都用行内标签,如span,b,i: 背景图位置属性:b ...

  6. 移动端支付界面制作(小兔鲜项目)

    代码 .html <!DOCTYPE html> <html lang="en"> <head><meta charset="U ...

  7. vue3小兔鲜商城项目学习笔记+资料分享01

    最近正在学习vue3小兔鲜,需要相关学习资料的可以点链接 https://docs.qq.com/doc/DUmhUVERtUHpLaG1a 下面试学习笔记 项目起步 项目预览地址 小兔鲜儿商城:ht ...

  8. 小兔鲜儿项目pc客户端前端静态页面

    小兔鲜儿项目pc客户端前端静态页面 一.效果图 二.文件和目录准备 新建index.html在根目录 新建css文件夹保存网站的样式,并新建以下css文件: base.css:基础公共样式 commo ...

  9. hcj小兔鲜电商项目详解(一)

    1项目目录 2项目代码准备 seo三大标签: title description keywords base.css /* 清除默认样式的代码 */ /* 去除常见标签默认的 margin 和 pad ...

最新文章

  1. [SimpleOJ238]宝藏探寻
  2. php中sql where,sql?where
  3. IMO班聊乔月猛:聊天不如聊工作
  4. bzoj4383(拓扑排序)
  5. android(cm11)状态栏源码分析(一)
  6. 自己快速提升SCI论文质量的简单方法:分清研究类型,遵从指南修改
  7. MybatisPlus性能分析插件
  8. mysql语句 java变量_Java操作Mysql的方法
  9. 最后一个单词的长度Python解法
  10. C++:explicit关键字
  11. Python学习笔记:字典(dict)
  12. javascript中new url()属性,轻松解析url地址
  13. HDU1557 权利指数【状态压缩】
  14. 【数据结构】二叉搜索树的python实现
  15. (day 20 - 中序遍历加双指针)剑指 Offer 36. 二叉搜索树与双向链表
  16. 正在配置更新请勿关闭计算机怎么办,电脑开机“显示正在配置更新请勿关闭计算机”该怎么办?...
  17. C-V2X 网络层及适配层解析填充
  18. 基于OpenCV的土壤裂缝分割系统
  19. 【软件测试手册2021版】测试题总结
  20. 〖算法〗-- 排序lowB三人组:冒泡排序、选择排序、 插入排序

热门文章

  1. 景观平面图转鸟瞰图_2020年东南大学风景园林硕士研究生入学初试真题解析——山地茶园景观规划与设计...
  2. 集合百家之面试!阿里巴巴Java突击手册(2021版)已完结
  3. Markdown格式排版美化教程
  4. Human-Like Machine Hearing With AI (1/3)--Applying neural networks in real-time audio signal process
  5. mysql nvl nvl2_nvl 与 nvl2
  6. bootstrap 导航栏自适应
  7. 数字图像处理学习笔记 十 图像分割
  8. python构建web界面实现MySQL数据库的操作
  9. 服务器UEFI安装windows系统步骤
  10. Unity使用JsonFx进行JSON (反)序列