音悦台网站项目总结

        首先，在最开始写音悦台网站项目的时候，我布局会很麻烦，后来我又学到了几个布局小技巧，发现并不是那么难。比如一些整齐的如同表格一样的页面可以使用grid布局，结合flex布局会更简单些。

项目技术：html5、css3、sass

一、项目文档结构

css：样式表

img：图片资源

scss：sass文件

iconfont：矢量图标引用文件

footer.html：公共底部

head.html：公共头部

index.html：网站首页

register.html：注册页

login.html：登录页

reading.html：购物须知

goods.html：商品详情页

list.html：专辑列表页

二、项目技术技巧应用

Gird布局：

一、grid-template-*  

eg：grid-template-columns：100px 100px 100px (表示三列)

    grid-template-rows：100px 100px 100px 100px (表示四行)

ps:想写多少行或多少列，就填写相应属性的个数。不填写就会自动分配，将容器自动充满。

二.跟grid-template相