1、根据ID实现网页内滚动(跳转)
$("html,body").animate({scrollTop:$("#id").offset().top},100)
在$()内的为跳转所在的范围,当为html,body时,即为整个网页内部的滚动,animate为动画函数,动画函数内部scrollTop代表动画为滚动的意思,$("#id“).offset().top获取的是目的ID距离网页顶部的距离,后面的100代表这个动画滚动在100ms的时间内完成。
2、网页ico(也就是页签前的图标)
<link rel="shortcut icon" type="images/x-icon" href="image/index.ico">
3、CSS渐变色
background:linear-gradient(#aaaaaa,#ccccccc);
4、CSS水平居中
text-align:center;
5、CSS垂直居中
line-height:50px;
vertical-align:center;
6、垂直居中(需要先标明高度是多少,才能设置垂直居中的样式)
line-height:40px;vertical-align:center;
设置各对象的vertical-align属性,
属性说明
:
baseline-将支持valign特性的对象的内容与基线对齐
sub-垂直对齐文本的下标
super-垂直对齐文本的上标
top-将支持valign特性的对象的内容与对象顶端对齐
text-top-将支持valign特性的对象的文本与对象顶端对齐
middle-将支持valign特性的对象的内容与对象中部对齐
bottom-将支持valign特性的对象的文本与对象底端对齐
text-bottom-将支持valign特性的对象的文本与对象顶端对齐