前端学习Day10

Day10：P81-P94
学习笔记：
1.网页-学成在线制作
2.准备工作：
    1.项目目录（css/uploads/images/index.html
    2.默认样式代码(base.css和index.css
2.版心效果：在index.css中新建.wrapper类选择器，实现版心居中(margin和width）
3.网页制作思路：先整体再局部，从外到内，从上到下，从左到右
4.头部区域制作，使用flex布局，水平排布
5.header区域-logo制作：h1>a>网站名称
6.header区域-导航制作：ul>li*3>a
7.header区域-搜索区域：search>input+a /button
8.header区域-用户区域：.user>a>img+span
9.banner区域-布局：结构：通栏banner>版心>.left+.right
10.精品推荐区域（recommend）：结构 .recommend>h3+ul+a.modify
11.精品课程:.course>.hd+.bd
12.前端开发工程师区域：分为.left .right，.right 分为.top 和.bottom
13.版权区域：通栏效果，嵌套版心然后再实现