第一次网页制作

网页制作的一些问题

1.当图片或导航条设置固定，但下滑时会出现有时会被其他的背景图片所覆盖的情况，
这时只需要在固定position: fixed;的后面加上一个行z-index: 1;就可以了。若1仍不可以，可以适当的调大z-index属性的值。
z-index属性设定了一个定位元素及其后代元素或 flex 项目的 z-order。当元素之间重叠的时候，z-index 较大的元素会覆盖较小的元素在上层进行显示。
2.如何实现鼠标移到图片上时会产生阴影？
可以通过代码background-color: rgba( , , , );来设置阴影其中rgba分别代表：Red（红色）Green（绿色）Blue（蓝色）和Alpha的色彩空间。特别强调Alpha义透明度 0（完全透明） ~ 1（完全不透明）。可以根据自己想要的效果自行设置。
3.如何实现鼠标放在图片上时会使图片放大？

<img class="tupian01" src="img/p1.png">

 .tupian01:hover{
	           transform: scale(1.3, 1.3);/*放大的倍数*/
			   transition: all 1s;/*放大时间*/
			   }

hover为一个伪类，用于设置鼠标移到某一元素时状态。
scale() 用于修改元素的大小。可以通过向量形式定义的缩放值来放大或缩小元素，同时可以在不同的方向设置不同的缩放值。
all表示全部过渡。
4.如何在网页中设置搜索框？

<form action="https://www.baidu.com/s">
	 <input type="text" name="wd" style="width: 200px;height: 40px;"><input type="submit"  value="搜索" style="background-color:royalblue ;width: 100px;height: 45px;color: #F2F2F2;">
</form>

form 标签是表单标签，input为表单元素，
intput内包含了一个文本输入框和一个提交按钮：
当搜索时会跳到百度页面。