第三周总结

第三周前端总结

一：问题描述：

  学习前端的时候我们可能看到其他人的页面感觉别人的页面比较花里胡哨，于是自己也想要让自己的页面更加好看，即加一些页面特效。一方面处于自己技术的表示，另一方面也让用户有更好的用户体验。

二：常见特效及解决办法

1.为一个盒子设置一个阴影，让其更加模块化：

box-shadow: 1px 1px 10px 1px rgba(255,255,255,.4);

2.鼠标滑过盒子上移：

transform: translate(0,-15px);

3.将鼠标的光标从箭头变为手：

cursor: pointer;

4.为出现的效果加一个延迟：

transition: .6s;

5.实现图片或者盒子放大：

transform: scale(1.1);

6.为我们的网页加一个搜索框：

<form action="https://www.baidu.com/s" target="_blank">
								<input autocomplete="off"  type="text" name="wd" placeholder="请输入信息" /><button style="cursor:pointer">搜索</button>
							</form>

这里的form表单必须要有action的属性值，只有这样我们输入的值才会返回到服务器，同时在input中一定要加入name属性，autocomplete=“off”，是不保存搜索记录，placeholder=“请输入信息”，是提醒用户，同时在用户输入信息是提醒信息消失。

三：总结

  在学习的过程中要善于利用百度，遇到不会的东西要去百度，自行解决。