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课程。

安装

在根目录下运行cmd，输入指令npm install安装依赖；
此步骤可选：
- 再输入指令cnpm i -g live-server全局安装live-server（推荐安装），然后输入指令live-server运行项目
- 直接右键根目录下的index.html文件名，选择浏览器打开
其他可选指令：
- 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