網頁操作彙總

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特性的對象的文本與對象頂端對齊