<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Cai_Smallwhite的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Cai_Smallwhite</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Cai_Smallwhite]]></copyright><item><title><![CDATA[前端学习之携程网移动端首页制作]]></title><link>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/109146638</link><guid>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/109146638</guid><author>Cai_Smallwhite</author><pubDate>Tue, 20 Oct 2020 22:56:08 +0800</pubDate><description><![CDATA[目录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 设置视口标签以及引入初始化样式
&lt;meta name="viewport" content="width=device-width, initial-s]]></description><category></category></item><item><title><![CDATA[前端学习之3D旋转相册制作]]></title><link>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/109125365</link><guid>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/109125365</guid><author>Cai_Smallwhite</author><pubDate>Fri, 16 Oct 2020 22:01:39 +0800</pubDate><description><![CDATA[今天学习了css3D转换，感觉很有意思，就做了一个这样的简易旋转相册：
制作步骤：
1、搭建html结构：
&lt;h2&gt;春天是什么样子的？&lt;/h2&gt;
    &lt;section&gt;
        &lt;div&gt;&lt;/div&gt;
        &lt;div&gt;&lt;/div&gt;
        &lt;div&gt;&lt;/div&gt;
        &lt;div&gt;&lt;/div&gt;
        &lt;div&gt;&lt;]]></description><category></category></item><item><title><![CDATA[前端学习之品优购项目（四）——注册页制作]]></title><link>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/109015642</link><guid>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/109015642</guid><author>Cai_Smallwhite</author><pubDate>Mon, 12 Oct 2020 10:06:37 +0800</pubDate><description><![CDATA[1、布局

头部
底部
中间主体
头部和底部不再过多赘述，我们主要做一下中间registerarea部分。


registerarea分为以下两部分：

上面h3标题模块的做法也不再赘述，我们主要看reg_form模块怎么做。
2、注册页类名命名

3、reg_form模块制作
①首先reg_form是一个大盒子，包含所有注册内容，在页面水平居中

...]]></description><category></category></item><item><title><![CDATA[前端学习之品优购项目（三）——列表页搭建]]></title><link>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/109002648</link><guid>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/109002648</guid><author>Cai_Smallwhite</author><pubDate>Sun, 11 Oct 2020 18:02:21 +0800</pubDate><description><![CDATA[一、准备工作
之前在首页做了这样一个商品菜单：
现在我们要做的就是点击商品菜单的“手机”链接，跳转到手机的商页，点击“清洁用品”，跳转到清洁用品的列表页blablabla。

需要注意以下几点：

做好上面几步后就可以进入正题了。
二、一些相对于首页的修改
1、头部“秒杀”小模块
列表页相对于首页在品优购大图标后面多了个“秒杀”的图标，现在我们把它加上去。
做一个秒杀盒子sk，里面放入图标，给一个红色左边框，然后把盒子定位到品优购后面即可。

2、导航nav模块修改
导航模块跟首页有点出入，变成了这样：

]]></description><category></category></item><item><title><![CDATA[前端学习之品优购项目（二）——首页搭建]]></title><link>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/108986643</link><guid>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/108986643</guid><author>Cai_Smallwhite</author><pubDate>Sat, 10 Oct 2020 18:56:47 +0800</pubDate><description><![CDATA[main主体模块是index里面专有的，需要新的样式文件index.css，接下来我们写的css代码都放在这个文件中。
一、main主体盒子搭建
这就是我们接下来要做的main，之前我们已经把左侧的菜单做好了，因此我们只需要做右边的两部分。

具体布局：

这里插播一个清除浮动的概念：


1、 先把main、focus、newsflash三个盒子做出来
&lt;!--结构--&gt;
&lt;div class="w"&gt;&lt;!--版心不要忘记加--&gt;
        &lt;div cla]]></description><category></category></item><item><title><![CDATA[前端学习之品优购项目（一）]]></title><link>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/108962095</link><guid>https://blog.youkuaiyun.com/Cai_Smallwhite/article/details/108962095</guid><author>Cai_Smallwhite</author><pubDate>Fri, 09 Oct 2020 15:53:53 +0800</pubDate><description><![CDATA[第一次写博客，有很多瑕疵，还有就是我太懒了步骤不咋详细，见谅见谅????
首先介绍一下这个项目，这个项目是跟着小破站黑马程序员pink老师做的，小白C感觉他的教学视频不错，链接奉上 H5C3+移动布局
这篇主要是给自己学习记录用的，大家也想做一个的话可以去小破站学一下，跟着老师做比较快。
一、前期准备
1、项目搭建
创建如下几个目录：
shopping根目录，css目录存放样式文件，fonts目录存放我们需要的字体图标，字体图标通常是从爱可梦下载，images存放插入在网页的图片，js存放行为代码，uplo]]></description><category></category></item></channel></rss>