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