- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端学习之携程网移动端首页制作
目录1、准备工作2、搜索模块制作3、焦点图模块制作4、1.1 技术选型1.2 搭建相关文件（夹）1.3 设置视口标签以及引入初始化样式2.1 布局分析2.2 user用户小模块1、准备工作2、搜索模块制作3、焦点图模块制作4、1.1 技术选型方案：采取单独制作移动端页面方案技术：布局采取flex布局1.2 搭建相关文件（夹）1.3 设置视口标签以及引入初始化样式<meta name="viewport" content="width=device-width, initial-s
2020-10-20 22:56:08
4674
3
原创 前端学习之3D旋转相册制作
今天学习了css3D转换，感觉很有意思，就做了一个这样的简易旋转相册：制作步骤：1、搭建html结构：<h2>春天是什么样子的？</h2> <section> <div></div> <div></div> <div></div> <div></div> <div><
2020-10-16 22:01:39
1255
原创 前端学习之品优购项目（四）——注册页制作
1、布局头部底部中间主体头部和底部不再过多赘述，我们主要做一下中间registerarea部分。registerarea分为以下两部分：上面h3标题模块的做法也不再赘述，我们主要看reg_form模块怎么做。2、注册页类名命名3、reg_form模块制作①首先reg_form是一个大盒子，包含所有注册内容，在页面水平居中...
2020-10-12 10:06:37
758
原创 前端学习之品优购项目（三）——列表页搭建
一、准备工作之前在首页做了这样一个商品菜单：现在我们要做的就是点击商品菜单的“手机”链接，跳转到手机的商页，点击“清洁用品”，跳转到清洁用品的列表页blablabla。需要注意以下几点：做好上面几步后就可以进入正题了。二、一些相对于首页的修改1、头部“秒杀”小模块列表页相对于首页在品优购大图标后面多了个“秒杀”的图标，现在我们把它加上去。做一个秒杀盒子sk，里面放入图标，给一个红色左边框，然后把盒子定位到品优购后面即可。2、导航nav模块修改导航模块跟首页有点出入，变成了这样：
2020-10-11 18:02:21
754
原创 前端学习之品优购项目（二）——首页搭建
main主体模块是index里面专有的，需要新的样式文件index.css，接下来我们写的css代码都放在这个文件中。一、main主体盒子搭建这就是我们接下来要做的main，之前我们已经把左侧的菜单做好了，因此我们只需要做右边的两部分。具体布局：这里插播一个清除浮动的概念：1、 先把main、focus、newsflash三个盒子做出来<!--结构--><div class="w"><!--版心不要忘记加--> <div cla
2020-10-10 18:56:47
830
原创 前端学习之品优购项目（一）
第一次写博客，有很多瑕疵，还有就是我太懒了步骤不咋详细，见谅见谅????首先介绍一下这个项目，这个项目是跟着小破站黑马程序员pink老师做的，小白C感觉他的教学视频不错，链接奉上 H5C3+移动布局这篇主要是给自己学习记录用的，大家也想做一个的话可以去小破站学一下，跟着老师做比较快。一、前期准备1、项目搭建创建如下几个目录：shopping根目录，css目录存放样式文件，fonts目录存放我们需要的字体图标，字体图标通常是从爱可梦下载，images存放插入在网页的图片，js存放行为代码，uplo
2020-10-09 15:53:53
2701
9
移动端的携程网静态首页制作，采用flex布局
2020-10-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人