- 前端入门者的小白在写静态页面的时候,最好采用原生的方式,这样不但可以将自己的基础加以夯实,还可以锻炼自己页面布局的能力。
- 如果利用一些辅助搭建页面的框架或者其他的,比如layui,bootstrap等进行练习时,可能需要样式的重写覆盖。
使用layui:
进入layui框架官网,直接下载layui包,将其拷到项目中,需要什么引入什么就可以,具体写法可以参考官网,有详细的说明。
- 通常类似于“导航栏”、“查看更多”、“立即制作”、“友情链接”等采用超链接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>
- 鼠标移上元素上浮效果,可以采用定位position来进行代码编写。
u>li{
position:relative;
//可以加过渡动画transition
...
}
li:hover{
top:-5px;
...
}
-
css3渐变色写法: background:-webkit-gradient(linear, 0 0, 0 100%, from(#2074af), to(#2c91d2));
第一个参数:表示的是渐变的类型linear线性渐变 第二个参数:分别对应x,y方向渐变的起始位置 第三个参数:分别对应x,y方向渐变的终止位置 第四个参数:设置了起始位置的颜色 第五个参数