Web前端实战系列米课项目制作

主要内容

项目准备导航登录主体响应式学习目标

一、项目准备

下载图片

下载iconfont

初始化css文件

二、导航部分

效果如下:

HTML部分:

CSS部分:

响应式布局:

PC端

iPad端

移动端:

三、登录部分

效果如下:

PC端

iPad端

移动端

HTML部分:

CSS部分:

Pc端

iPad端

移动端

四、新课速递

效果如下:

PC端

iPad端

移动端

HTML部分:

CSS部分:

PC端

iPad端

移动端

五、最热门课程

效果如下:

PC端

iPad端

移动端

HTML部分:

CSS部分:

PC端

iPad端

移动端

六、热门标签

效果如下:

PC端

iPad端

移动端

HTML部分:

CSS部分:

Pc端




转载请注明:http://www.aierlanlan.com/grrz/5632.html

  • 上一篇文章:
  •   
  • 下一篇文章: