实验:静态路由与浮动路由的配置

BODY {
PADDIN: 0px;
MARGIN: 0px;
background-color: #fff;
overflow: hidden;
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Tahoma, Arial;
}
TABLE,DIV,P,SPAN {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Tahoma, Arial;
}
h3{margin:10px 0px 8px 0px;color:#666666;}

input{height:18px;}
INPUT,TEXTAREA {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Tahoma, Arial; border-top-color:#999; border-left-color:#999; border-right-color:#ccc; border-bottom-color:#ccc; border-style:solid;border-width:1px;line-height:18px!important;
}
SELECT {
FONT-SIZE: 11px; FONT-FAMILY: Verdana, Tahoma, Arial; border:1px solid #CCCCCC;
}
FORM,IMG {
BORDER-WIDTH: 0px;PADDING: 0px;
}
A {
COLOR: #0076A8; TEXT-DECORATION: none
}
A:hover {
PADDING-BOTTOM: 1px; COLOR: #999; BORDER-BOTTOM: #999 1px solid; TEXT-DECORATION: none
}
A.link1 {
COLOR: #0076A8; TEXT-DECORATION: none
}
A.link1:hover {
PADDING-BOTTOM: 0px; COLOR: #999; BORDER-BOTTOM: #999 0px solid; TEXT-DECORATION: none
}
a.black:link{
color: #000000;
text-decoration: none;
}
a.black:visited {
color: #000000;
text-decoration: none;
}
a.black:active {
color: #000000;
text-decoration: none;
}
a.black:hover {
color: #003399;
}
#content {
BACKGROUND: url(../Images/main_bg.jpg) #fff repeat-x; PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 10px
}
#content .pager {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #e0e0e0; PADDING-TOP: 5px; BORDER-BOTTOM: #e0e0e0 1px solid; TEXT-ALIGN: right
}
#content .pager SPAN {
COLOR: #999
}
/*------------------------ 内页操作链接 ------------------------*/
.operateIPDiv{
height:30px; padding-right:5px; text-align:right; margin-top:10px;
}
.operatorLink{ text-align:center; margin-top:10px; margin-bottom:10px;}
.operatorLink A {
PADDING: 3px; BORDER: #fff 1px solid;COLOR: #333; TEXT-DECORATION: none;font-size:14px; margin:0px 5px;
}
.operatorLink A:hover {
PADDING: 3px; COLOR: #999; BORDER: 1px solid #CCCCCC; TEXT-DECORATION: none; margin:0px 5px;
}

.operatorLink2{ text-align:left; margin-top:3px; margin-bottom:3px;}
.operatorLink2 A {
PADDING: 3px; BORDER: #fff 1px solid;COLOR: #333; TEXT-DECORATION: none;font-size:14px; margin:0px 5px;
}
.operatorLink2 A:hover {
PADDING: 3px; COLOR: #999; BORDER: 1px solid #CCCCCC; TEXT-DECORATION: none; margin:0px 5px;
}

.operatorLink_R{ text-align:right; margin-top:10px; margin-bottom:10px; }
.operatorLink_R A {
PADDING: 3px; BORDER: #fff 1px solid;COLOR: #333; TEXT-DECORATION: none;font-size:14px; margin:0px 5px;
}
.operatorLink_R A:hover {
PADDING: 3px; COLOR: #999; BORDER: 1px solid #CCCCCC; TEXT-DECORATION: none; margin:0px 5px;
}
/*------------------------ btn样式 ------------------------*/
.preview {
background-image:url(../images/preview.gif);
background-repeat:no-repeat;
background-position:5px 3px;
font-size:13px;
background-color:#FFFFFF;
height:25px; vertical-align:middle;
padding-left:17px!important;
padding-left:10px;
border:1px #fff solid;
cursor:pointer;
}
.previewOver{
background-image:url(../images/preview.gif);
background-repeat:no-repeat;
background-position:5px 3px;
font-size:13px;
background-color:#FFFFFF;
color:#999;
height:25px; vertical-align:middle;
padding-left:17px!important;
padding-left:10px;
border:1px #999 solid;
}
.preview {
background-image:url(../images/preview.gif);
background-repeat:no-repeat;
background-position:5px 3px;
font-size:13px;
background-color:#FFFFFF;
height:25px; vertical-align:middle;
padding-left:17px!important;
padding-left:10px;
border:1px #fff solid;
}
.previewOver{
background-image:url(../images/preview.gif);
background-repeat:no-repeat;
background-position:5px 3px;
font-size:13px;
background-color:#FFFFFF;
color:#999;
height:25px; vertical-align:middle;
padding-left:17px!important;
padding-left:10px;
border:1px #999 solid;
}