静态页面制作心得

1. 前端入门者的小白在写静态页面的时候，最好采用原生的方式，这样不但可以将自己的基础加以夯实，还可以锻炼自己页面布局的能力。
2. 如果利用一些辅助搭建页面的框架或者其他的，比如layui，bootstrap等进行练习时，可能需要样式的重写覆盖。

使用layui：
		进入layui框架官网，直接下载layui包，将其拷到项目中，需要什么引入什么就可以，具体写法可以参考官网，有详细的说明。

3. 通常类似于“导航栏”、“查看更多”、“立即制作”、“友情链接”等采用超链接a标签进行代码编写。

html示例代码
<ul>
	<li><a href="javascript:;">导航1</a></li>
	<li><a href="javascript:;">导航2</a></li>
	<li><a href="javascript:;">导航3</a></li>
</ul>

4. 鼠标移上元素上浮效果，可以采用定位position来进行代码编写。

u>li{
   
	position:relative;
	//可以加过渡动画transition
	...
}
li:hover{
   
	top:-5px;
	...
}

5. css3渐变色写法： background:-webkit-gradient(linear, 0 0, 0 100%, from(＃2074af), to(＃2c91d2));

         第一个参数：表示的是渐变的类型linear线性渐变
   
         第二个参数：分别对应x，y方向渐变的起始位置
   
         第三个参数：分别对应x，y方向渐变的终止位置
   
         第四个参数：设置了起始位置的颜色
   
         第五个参数