Natours Readme

这是一个学习Advanced CSS and Sass课程完成的纯CSS静态页面。主要涉及以下知识点：

• CSS3新语法设计
• CSS动画：@keyframes、animation、transition
• CSS架构：基于组件的设计、BEM、可重用性等
• Flex布局
• 网格布局
• SASS
• 响应式设计
• SVG图片和视频
• NPM包管理

目录

• 背景
• 安装
• 使用
• 例子
• 参考
• License

背景

此项目是学习Advanced CSS and Sass课程前三个Part完成的，非常推荐这个CSS课程。

安装

1. 在根目录下运行cmd，输入指令npm install安装依赖；

2. 此步骤可选：

   • 再输入指令cnpm i -g live-server全局安装live-server（推荐安装），然后输入指令live-server运行项目
   • 直接右键根目录下的index.html文件名，选择浏览器打开

3. 其他可选指令：

   • watch:sass：实时监测sass文件变动，自动编译
   • compile:sass：手动编译sass文件

文件说明

根目录的notes文件夹是学习Advanced CSS and Sass课程的所有笔记，其中：

• readme.md是每章节（或小节）的笔记
• 包含_start的文件是上个课程完成的，包含_end的文件是这个课程完成的，可使用代码对比工具Beyond Compare查看对应课程完成内容
• sass文件夹包含编写的sass文件
• css文件夹包含编译sass后生成的css文件

示例

参考

Advanced CSS and Sass

License

MIT © Buccal