page.css

本程序使用8种不同的方式实现了Huffman编码算法

BODY {
	FONT-SIZE: 100%; MARGIN: 0px; FONT-FAMILY: SimSun, SimHei, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
P {
	FONT-SIZE: 100%; MARGIN: 10px 0px 0px; TEXT-INDENT: 2em; LINE-HEIGHT: 150%
}
UL {
	FONT-SIZE: 100%; LINE-HEIGHT: 150%
}
.textheader {
	DISPLAY: none
}
.headerlogo {
	PADDING-RIGHT: 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 0px
}
.spacer {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; BORDER-RIGHT-WIDTH: 0px
}
.skin {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; BORDER-RIGHT-WIDTH: 0px
}
.figure {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px; BORDER-RIGHT-WIDTH: 0px
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 5px; BORDER-RIGHT-WIDTH: 0px
}
A:link {
	COLOR: #0000cc; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0000cc; TEXT-DECORATION: none
}
A:active {
	COLOR: #0000cc; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ffa000; TEXT-DECORATION: none
}
.menu A:link {
	COLOR: #ffffff
}
.menu A:visited {
	COLOR: #ffffff
}
.menu A:active {
	COLOR: #ffffff
}
.menu A:hover {
	BACKGROUND: #808080; COLOR: #c0e0ff
}
.menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 90%; PADDING-BOTTOM: 4px; MARGIN: 2px; COLOR: #ffffff; PADDING-TOP: 8px; FONT-FAMILY: SimHei, Verdana, Helvetica; BACKGROUND-COLOR: #808080
}
.menutitle {
	PADDING-RIGHT: 3px; BACKGROUND-POSITION: left center; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(images/chapter.gif); PADDING-BOTTOM: 5px; CURSOR: pointer; COLOR: #ffffff; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: SimHei, Verdana, Helvetica
}
.menu .menuitemgroup {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px 14px; PADDING-TOP: 0px
}
.menu .selectedmenuitemgroup {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px 14px; PADDING-TOP: 0px
}
.menu .menuitem {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left center; PADDING-LEFT: 10px; FONT-WEIGHT: normal; BACKGROUND-IMAGE: url(images/page.gif); PADDING-BOTTOM: 2px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.menu .menupage {
	PADDING-RIGHT: 3px; BACKGROUND-POSITION: left top; PADDING-LEFT: 10px; BACKGROUND-IMAGE: url(images/current.gif); PADDING-BOTTOM: 5px; PADDING-TOP: 4px; BACKGROUND-REPEAT: no-repeat
}
.menu .menupagetitle {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 0px solid; BACKGROUND-COLOR: #c0e0ff
}
.menu .menupageitemgroup {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 4px; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #f0f0f0
}
.menu .menupageitem {
	BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 90%; BORDER-BOTTOM-WIDTH: 0px; COLOR: #000000; BORDER-RIGHT-WIDTH: 0px
}
.menu .menupageitem A:link {
	COLOR: #808080
}
.menu .menupageitem A:visited {
	COLOR: #808080
}
.menu .menupageitem A:active {
	COLOR: #808080
}
.menu .menupageitem A:hover {
	BACKGROUND: #f0f0f0; COLOR: #000000
}
.barbutton {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 85%; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 1px solid; CURSOR: pointer; COLOR: #808080; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #c0e0ff
}
TABLE .title {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 100%; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px
}
.dida {
	FONT-SIZE: 100%
}
.pre {
	WHITE-SPACE: pre
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 160%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 150%; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 130%; PADDING-BOTTOM: 0px; MARGIN: 18px 0px 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 110%; PADDING-BOTTOM: 0px; MARGIN: 18px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
H4.faq {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 110%; PADDING-BOTTOM: 0px; MARGIN: 18px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; MARGIN: 14px 0px 0px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
.content {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; FONT: 100% Verdana, Helvetica, sans-serif; PADDING-TOP: 5px
}
.content .ForrestTable {
	FONT-SIZE: 100%; WIDTH: 100%; COLOR: #ffffff; BACKGROUND-COLOR: #7099c5
}
.content .ForrestTable CAPTION {
	FONT-WEIGHT: bold; COLOR: black; TEXT-ALIGN: left
}
.content .ForrestTable TH {
	TEXT-ALIGN: center
}
.content .ForrestTable TD {
	COLOR: black; BACKGROUND-COLOR: #f0f0ff
}
.note {
	BORDER-RIGHT: #900 1px dotted; PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 1.33em; BORDER-TOP: #900 1px dotted; PADDING-LEFT: 36px; FONT-SIZE: 75%; MIN-HEIGHT: 32px; BACKGROUND-IMAGE: url(images/icon_warning_lrg.gif); PADDING-BOTTOM: 0.67em; MARGIN: 1.33em 0px; BORDER-LEFT: #900 1px dotted; PADDING-TOP: 0.33em; BORDER-BOTTOM: #900 1px dotted; BACKGROUND-REPEAT: no-repeat
}
.warning {
	BORDER-RIGHT: #900 1px dotted; PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 1.33em; BORDER-TOP: #900 1px dotted; PADDING-LEFT: 36px; FONT-SIZE: 75%; MIN-HEIGHT: 32px; BACKGROUND-IMAGE: url(images/icon_warning_lrg.gif); PADDING-BOTTOM: 0.67em; MARGIN: 1.33em 0px; BORDER-LEFT: #900 1px dotted; PADDING-TOP: 0.33em; BORDER-BOTTOM: #900 1px dotted; BACKGROUND-REPEAT: no-repeat
}
.fixme {
	BORDER-RIGHT: #900 1px dotted; PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 1.33em; BORDER-TOP: #900 1px dotted; PADDING-LEFT: 36px; FONT-SIZE: 75%; MIN-HEIGHT: 32px; BACKGROUND-IMAGE: url(images/icon_warning_lrg.gif); PADDING-BOTTOM: 0.67em; MARGIN: 1.33em 0px; BORDER-LEFT: #900 1px dotted; PADDING-TOP: 0.33em; BORDER-BOTTOM: #900 1px dotted; BACKGROUND-REPEAT: no-repeat
}
.fixme {
	BORDER-LEFT-COLOR: #c60; BACKGROUND-IMAGE: url(images/icon_error_lrg.gif); BORDER-BOTTOM-COLOR: #c60; BORDER-TOP-COLOR: #c60; BACKGROUND-COLOR: #fff0f0; BORDER-RIGHT-COLOR: #c60
}
.warning {
	BORDER-LEFT-COLOR: #c60; BORDER-BOTTOM-COLOR: #c60; COLOR: #c60; BORDER-TOP-COLOR: #c60; BACKGROUND-COLOR: #fff0f0; BORDER-RIGHT-COLOR: #c60
}
.note {
	BORDER-LEFT-COLOR: #069; BACKGROUND-IMAGE: url(images/icon_info_lrg.gif); BORDER-BOTTOM-COLOR: #069; COLOR: #069; BORDER-TOP-COLOR: #069; BACKGROUND-COLOR: #f0f0ff; BORDER-RIGHT-COLOR: #069
}
.label {
	FONT-WEIGHT: bold
}
.code {
	BORDER-RIGHT: #c0e0ff 1px solid; PADDING-RIGHT: 1.33em; BORDER-TOP: #c0e0ff 1px solid; PADDING-LEFT: 1.33em; FONT-SIZE: 100%; PADDING-BOTTOM: 1em; BORDER-LEFT: #c0e0ff 1px solid; LINE-HEIGHT: 150%; PADDING-TOP: 1em; BORDER-BOTTOM: #c0e0ff 1px solid; FONT-FAMILY: SimSun, "Courier New", monospace; BACKGROUND-COLOR: #f7f7f7
}
.codefrag {
	FONT-SIZE: 100%; FONT-FAMILY: SimSun, "Courier New", monospace
}
.highlight {
	BACKGROUND-COLOR: yellow
}
.minitoc {
	FONT-WEIGHT: normal; LIST-STYLE-IMAGE: url(images/current.gif)
}
.search {
	FONT-SIZE: 75%
}
.footnote {
	FONT-SIZE: 75%; COLOR: #808080; LINE-HEIGHT: 150%; FONT-FAMILY: SimSun, sans-serif
}
.datenote {
	FONT-SIZE: 75%; COLOR: #f7f7f7
}
INPUT {
	FONT-SIZE: 100%
}
submit {
	FONT-SIZE: 100%
}
BUTTON {
	FONT-SIZE: 100%
}
TEXTAREA {
	FONT-SIZE: 100%
}
.tab {
	FONT-SIZE: 95%; COLOR: #ffffff; FONT-FAMILY: SimSun, "Courier New", monospace
}
.tab A:link {
	COLOR: #ffffff
}
.tab A:visited {
	COLOR: #ffffff
}
.tab A:active {
	COLOR: #ffffff
}
.tab A:hover {
	BACKGROUND: #808080; COLOR: #c0e0ff
}
.tab2 {
	FONT-SIZE: 95%; COLOR: #000000; FONT-FAMILY: SimSun, "Courier New", monospace
}
.tab2 A:link {
	COLOR: #808080
}
.tab2 A:visited {
	COLOR: #808080
}
.tab2 A:active {
	COLOR: #808080
}
.tab2 A:hover {
	BACKGROUND: #c0e0ff; COLOR: #000000
}
.trail {
	FONT-SIZE: 85%; COLOR: #808080
}
.dtdTag {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; TEXT-TRANSFORM: uppercase; COLOR: #990000
}
.top-left {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(images/top-left.png); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 5px; BACKGROUND-COLOR: #808080
}
.top-right {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(images/top-right.png); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 5px; BACKGROUND-COLOR: #808080
}
.top-left-tab {
	BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(images/top-left2.png); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 5px; BACKGROUND-COLOR: #c0e0ff
}
.top-right-tab {
	BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(images/top-right2.png); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 5px; BACKGROUND-COLOR: #c0e0ff
}
.bottom-left {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/bottom-left.png); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 5px; BACKGROUND-COLOR: #808080
}
.bottom-right {
	BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(images/bottom-right.png); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 5px; BACKGROUND-COLOR: #808080
}
.bottom-left-thick {
	BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/bottom-left.png); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px; BACKGROUND-COLOR: #808080
}
.bottom-right-thick {
	BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(images/bottom-right.png); WIDTH: 5px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px; BACKGROUND-COLOR: #808080
}

@media Print    
{
.headerlogo {
	DISPLAY: none
}
.textheader {
	DISPLAY: block; FONT-SIZE: 100%
}
.menu {
	DISPLAY: none
}
.dida {
	DISPLAY: none
}
.minitoc {
	DISPLAY: none
}
.search {
	DISPLAY: none
}
.datenote {
	DISPLAY: none
}
.tab {
	DISPLAY: none
}
.trail {
	DISPLAY: none
}
.logos {
	DISPLAY: none
}
.top-left {
	DISPLAY: none
}
.top-right {
	DISPLAY: none
}
.top-left-tab {
	DISPLAY: none
}
.top-right-tab {
	DISPLAY: none
}
.bottom-left {
	DISPLAY: none
}
.bottom-right {
	DISPLAY: none
}
.bottom-left-thick {
	DISPLAY: none
}
.bottom-right-thick {
	DISPLAY: none
}

}