html之frameset标记应用实例.mht

frameset 使用详细说明和参数详解 以及实现的小实例

.Replyborder1 {
	BORDER-RIGHT: #698cc3 1px dashed; BORDER-TOP: #698cc3 1px dashed; =
BACKGROUND: #f6fafd; BORDER-LEFT: #698cc3 1px dashed; COLOR: #4875b7; =
BORDER-BOTTOM: #698cc3 1px dashed
}
.Replytopic {
	COLOR: #2288e3
}
.UserLeft {
	BORDER-RIGHT: #dddddd 1px solid; PADDING-LEFT: 15px; BACKGROUND: =
#f7f7f7; BORDER-COLLAPSE: collapse
}
.UserRight {
	BACKGROUND: #f7f7f7; BORDER-LEFT: #dddddd 1px solid; BORDER-COLLAPSE: =
collapse
}
.UserTableRow1 {
	BACKGROUND-COLOR: #f7f7f7
}
.UserTableRow2 {
	BACKGROUND-COLOR: #f0f0f0
}
.UserTableBorder {
	BORDER-RIGHT: #3795d2 1px solid; BORDER-TOP: #3795d2 1px solid; =
FONT-WEIGHT: normal; FONT-SIZE: 12px; BORDER-LEFT: #3795d2 1px solid; =
WIDTH: 96%; LINE-HEIGHT: normal; BORDER-BOTTOM: #3795d2 1px solid; =
FONT-STYLE: normal; BACKGROUND-COLOR: #ffffff; FONT-VARIANT: normal
}
.userfont1 {
	COLOR: red
}
.userfont2 {
	COLOR: #3795d2
}
.userfont3 {
	COLOR: green
}
A.treemenu {
	COLOR: #666666; TEXT-DECORATION: none
}
A.treemenu:hover {
	COLOR: #ff6600; TEXT-DECORATION: underline
}
.artool {
	BORDER-RIGHT: #d6efff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: =
#d6efff 1px solid; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 12px; =
BACKGROUND: #eff7ff; PADDING-BOTTOM: 0px; BORDER-LEFT: #d6efff 1px =
solid; LINE-HEIGHT: 200%; PADDING-TOP: 0px; BORDER-BOTTOM: #d6efff 1px =
solid
}
.button2 {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; =
FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient =0A=
(startColorStr=3D'#FF955A', endColorStr=3D'#fe850c', gradientType=3D'0')=0A=
height: 19px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 310px; COLOR: =
#ffffff; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; =
FONT-FAMILY: =CB=CE=CC=E5
}

------=_NextPart_000_0000_01C9BE7E.CBD83230
Content-Type: application/x-css
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.itwis.com/plus/cun/cun.css

BODY {
	FONT-SIZE: 12px; BACKGROUND-IMAGE: url({$InstallDir}{$SkinPath}bg.gif); =
MARGIN: 0px; CURSOR: default; SCROLLBAR-ARROW-COLOR: #698cc3; =
FONT-FAMILY: Tahoma, Verdana; SCROLLBAR-BASE-COLOR: #f8f8f8; =
BACKGROUND-COLOR: #014e82
}
TD {
	TABLE-LAYOUT: fixed; FONT-SIZE: 12px; WORD-BREAK: break-all; =
LINE-HEIGHT: 18px; FONT-FAMILY: =CB=CE=CC=E5
}
TABLE {
	FONT-SIZE: 12px; LINE-HEIGHT: 20px
}
INPUT {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; =
BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana, Arial, Helvetica, =
Sans-serif,=CB=CE=CC=E5; BORDER-RIGHT-WIDTH: 1px; TEXT-DECORATION: none
}
OPTION {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; =
BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana, Arial, Helvetica, =
Sans-serif,=CB=CE=CC=E5; BORDER-RIGHT-WIDTH: 1px; TEXT-DECORATION: none
}
TEXTAREA {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; =
BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana, Arial, Helvetica, =
Sans-serif,=CB=CE=CC=E5; BORDER-RIGHT-WIDTH: 1px; TEXT-DECORATION: none
}
SELECT {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; =
BORDER-BOTTOM-WIDTH: 1px; FONT-FAMILY: Verdana, Arial, Helvetica, =
Sans-serif,=CB=CE=CC=E5; BORDER-RIGHT-WIDTH: 1px
}
A {
	COLOR: #555555; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff8c40; TEXT-DECORATION: underline
}
A.showlist {
	FONT-SIZE: 12px; COLOR: #555555; TEXT-DECORATION: none
}
A.showlist:hover {
	FONT-SIZE: 12px; COLOR: #ff8c40; TEXT-DECORATION: underline
}
A.navmenu {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.navmenu:hover {
	FONT-SIZE: 12px; COLOR: #00ff99; TEXT-DECORATION: underline
}
A.navmenu1 {
	FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none
}
A.navmenu1:hover {
	FONT-SIZE: 12px; COLOR: #1c6eac; TEXT-DECORATION: underline
}
A.showtitle {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.showtitle:hover {
	FONT-SIZE: 12px; COLOR: #00ff99; TEXT-DECORATION: underline
}
A.navbar {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.navbar:hover {
	FONT-SIZE: 12px; COLOR: #ff8c40; TEXT-DECORATION: underline
}
A.distinct {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff3300; TEXT-DECORATION: =
none
}
A.distinct:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff8c40; TEXT-DECORATION: =
underline
}
A.toplink {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.toplink:hover {
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: underline
}
A.arrange {
	FONT-SIZE: 12px; COLOR: blue; TEXT-DECORATION: none
}
A.arrange:hover {
	FONT-SIZE: 12px; COLOR: red; TEXT-DECORATION: underline
}
A.flashtopic {
	FONT-SIZE: 14px; COLOR: #0000ff; TEXT-DECORATION: none
}
A.flashtopic:hover {
	FONT-SIZE: 14px; COLOR: #ff8c40; TEXT-DECORATION: underline
}
.titlebody {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ffffff
}
TH {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; HEIGHT: 22px; =
BACKGROUND-COLOR: #1c6eac
}
.tableborder {
	BORDER-RIGHT: #efefef 5px solid; BACKGROUND: #ffffff; BORDER-LEFT: =
#efefef 5px solid; BORDER-COLLAPSE: collapse
}
.navbarbg {
	BACKGROUND: #1c6eac; COLOR: #ffffff
}
.navbarbg2 {
	BACKGROUND: url({$InstallDir}{$SkinPath}nav_bg.gif) #f7f7f7
}
.tableborder1 {
	BORDER-RIGHT: #698cc3 1px solid; BORDER-TOP: #698cc3 1px solid; =
BORDER-LEFT: #698cc3 1px solid; BORDER-BOTTOM: #698cc3 1px solid; =
BACKGROUND-COLOR: #ffffff
}
TD.tablerow {
	HEIGHT: 25px; BACKGROUND-COLOR: #f9fbfd
}
.tableleft {
	BORDER-RIGHT: #dddddd 1px solid; BACKGROUND: #f7f7f7; WIDTH: 188px
}
.tableright {
	BACKGROUND: #ffffff; WIDTH: 580px
}
.tablebody {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #1c6eac; COLOR: =
#ffffff
}
.linebar {
	BACKGROUND: #adbec8; COLOR: #ffffff; HEIGHT: 8px
}
.showtitle1 {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: #1c6eac; COLOR: =
#ffffff; HEIGHT: 25px
}
.showbody1 {
	BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; =
BACKGROUND: #ffffff; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: =
#dddddd 1px solid
}
.showtitle2 {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: #1c6eac; COLOR: =
#ffffff; HEIGHT: 25px
}
.showtitle3 {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND: #ff9900; COLOR: =
#ffffff; HEIGHT: 25px
}
.showbody2 {
	BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; =
BACKGROUND: #ffffff; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: =
#dddddd 1px solid
}
.showbody3 {
	BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; =
BACKGROUND: #eeeeee; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: =
#dddddd 1px solid; BORDER-COLLAPSE: collapse
}
.titleback1 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: =
url(/plus/cun/title1_188x25_r1.gif) #ef862c; COLOR: #ffffff; HEIGHT: =
25px; TEXT-ALIGN: center
}
.titleback2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: =
url({$InstallDir}{$SkinPath}title1_575x25_r2.gif) #698cc3; COLOR: =
#ffffff; HEIGHT: 25px; TEXT-ALIGN: center
}
.titleback3 {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: =
#1c6eac; COLOR: #ffffff; HEIGHT: 25px; TEXT-ALIGN: left
}
.titlebg1 {
	PADDING-LEFT: 10px; FONT-WEIGHT