第三节：十字路口交通灯.mht

单片机教程的重要部分,你们可以好好看看

.box .cy_box LI SPAN {
	FONT-SIZE: 12px; FLOAT: right; COLOR: #a8a8a8
}
.box .cy_box LI A:link {
	COLOR: #2c6aa9
}
.box .cy_box LI A:visited {
	COLOR: #2c6aa9
}
.box .cy_box LI A:hover {
	COLOR: #2c6aa9; TEXT-DECORATION: underline
}
.box .sc_box LI {
	PADDING-RIGHT: 11px; PADDING-LEFT: 11px; BACKGROUND: url(title_bg.gif) =
repeat-x 50% bottom; PADDING-BOTTOM: 11px; LINE-HEIGHT: 21px; =
PADDING-TOP: 11px
}
.box .sc_box LI SPAN {
	PADDING-RIGHT: 10px; FLOAT: left
}
.box .sc_box LI SPAN B {
	DISPLAY: block; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.box .sc_box LI A:link {
	COLOR: #2c6aa9
}
.box .sc_box LI A:visited {
	COLOR: #2c6aa9
}
.box .sc_box LI A:hover {
	COLOR: #2c6aa9; TEXT-DECORATION: underline
}
.box .tab H3 {
	FONT-SIZE: 12px; FLOAT: left
}
.box .tab UL.tabitem {
	FONT-SIZE: 12px; FLOAT: left
}
.box .tab UL.tabitem LI {
	FONT-SIZE: 12px; FLOAT: left
}
.box .tab UL.tabitem {
	LINE-HEIGHT: 2.3
}
.box .tab UL.tabitem LI {
	MARGIN: 0px -1px -1px 0px; POSITION: relative
}
.box .tab UL.tabitem A {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: =
0px; PADDING-TOP: 0px
}
.box .tab UL.tabitem A:link {
	COLOR: #275c91
}
.box .tab UL.tabitem A:visited {
	COLOR: #275c91
}
.box .tab UL.tabitem A.current {
	BORDER-RIGHT: #99bbdd 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: =
#99bbdd 0px solid; PADDING-LEFT: 4px; BACKGROUND: #fff; PADDING-BOTTOM: =
0px; BORDER-LEFT: #99bbdd 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: =
#99bbdd 0px solid
}
.box .tab UL.tabitem A:hover {
	BORDER-RIGHT: #99bbdd 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: =
#99bbdd 0px solid; PADDING-LEFT: 4px; BACKGROUND: #fff; PADDING-BOTTOM: =
0px; BORDER-LEFT: #99bbdd 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: =
#99bbdd 0px solid
}
HTML:first-child .box .tab UL.tabitem A.current {
	PADDING-BOTTOM: 1px; POSITION: relative
}
HTML:first-child .box .tab UL.tabitem A:hover {
	PADDING-BOTTOM: 1px; POSITION: relative
}
.wrap .recommendinfo {
	BORDER-RIGHT: #99bbdd 1px solid; BORDER-TOP: #99bbdd 1px solid; =
MARGIN-BOTTOM: 10px; BORDER-LEFT: #99bbdd 1px solid; WIDTH: 298px; =
BORDER-BOTTOM: #99bbdd 1px solid; HEIGHT: 104px
}
.recommendinfo H3 {
	DISPLAY: inline; FONT-WEIGHT: bold; FONT-SIZE: 120%; BACKGROUND: =
#d7e7f7; FLOAT: left; MARGIN: 1px 5px 1px 1px; WIDTH: 30px; COLOR: =
#275c91; LINE-HEIGHT: 1.7; HEIGHT: 102px
}
.recommendinfo H3 SPAN {
	DISPLAY: block; MARGIN: 0px 5px; TEXT-ALIGN: center
}
.recommendinfo UL {
	FONT-SIZE: 120%; FLOAT: left; MARGIN: 3px 0px 0px; WIDTH: 250px; =
LINE-HEIGHT: 1.7
}
.recommendinfo LI {
	CLEAR: both
}
.recommendinfo .date {
	FONT-SIZE: 9px; FLOAT: right; COLOR: #999999; LINE-HEIGHT: 2
}
.times {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 15px; COLOR: =
#666666; PADDING-TOP: 15px; BORDER-BOTTOM: #e1e4e6 1px solid; =
TEXT-ALIGN: center
}
#news {
	BORDER-RIGHT: #99bbdd 1px solid; PADDING-RIGHT: 18px; BORDER-TOP: =
#99bbdd 1px solid; PADDING-LEFT: 18px; BACKGROUND: #f5faff; =
MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 20px; BORDER-LEFT: #99bbdd 1px =
solid; COLOR: #4a4a4a; PADDING-TOP: 20px; BORDER-BOTTOM: #99bbdd 1px =
solid
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: =
20px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #363737; PADDING-TOP: =
0px; TEXT-ALIGN: center
}
.content {
	FONT-SIZE: 14px; MARGIN: 15px 0px 35px; COLOR: #2a2a2a; LINE-HEIGHT: =
25px
}
.content P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; =
PADDING-TOP: 5px
}
.content UL {
	LIST-STYLE-POSITION: inside; TEXT-INDENT: 2em; LIST-STYLE-TYPE: disc
}
.content OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LIST-STYLE-POSITION: inside; =
PADDING-BOTTOM: 5px; TEXT-INDENT: 2em; PADDING-TOP: 5px; =
LIST-STYLE-TYPE: decimal
}
.content A:link {
	COLOR: blue
}
.content A:active {
	COLOR: blue
}
.content A:hover {
	COLOR: red; TEXT-DECORATION: underline
}
.xg {
	PADDING-RIGHT: 5px; BORDER-TOP: #e1e4e6 1px solid; PADDING-LEFT: 5px; =
MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 24px; =
PADDING-TOP: 5px; BORDER-BOTTOM: #e1e4e6 1px solid; HEIGHT: 130px
}
.xg LI {
	FLOAT: left; WIDTH: 50%
}
.news_title {
	BORDER-RIGHT: #99bbdd 1px solid; BORDER-TOP: #99bbdd 1px solid; =
PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: =
#d7e7f7; BORDER-LEFT: #99bbdd 1px solid; COLOR: #313131; LINE-HEIGHT: =
27px; BORDER-BOTTOM: #99bbdd 0px solid; HEIGHT: 27px
}
.news_title SPAN {
	FLOAT: right
}
.right_bot {
	MARGIN-BOTTOM: 10px
}
.right_box {
	BORDER-RIGHT: #99bbdd 1px solid; BORDER-TOP: #99bbdd 1px solid; =
BORDER-LEFT: #99bbdd 1px solid; BORDER-BOTTOM: #99bbdd 1px solid
}
.right_title {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: =
#d7e7f7; COLOR: #313131; LINE-HEIGHT: 27px; BORDER-BOTTOM: #99bbdd 1px =
solid; HEIGHT: 27px
}
.right_box UL {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; =
PADDING-TOP: 5px
}
.right_box UL LI {
	LINE-HEIGHT: 25px
}
.news_list UL {
	MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 10px; BORDER-BOTTOM: #ccc 1px =
solid
}
.news_list UL .list_title {
	PADDING-LEFT: 23px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: =
url(list_title.gif) no-repeat 7px 7px; COLOR: #204e7d
}
.news_list UL .list_title SPAN {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; COLOR: #787878
}
.news_list UL .ot SPAN {
	MARGIN-RIGHT: 50px
}
.news_list UL .text {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 13px; COLOR: =
#878787; TEXT-INDENT: 5px; LINE-HEIGHT: 23px; PADDING-TOP: 13px
}
.news_list A:link {
	COLOR: #204e7d; TEXT-DECORATION: none
}
.news_list A:visited {
	COLOR: #999
}
.news_list A:hover {
	COLOR: #f03c0f; TEXT-DECORATION: underline
}
.line {
	MARGIN: 0px 10px 10px
}
.box_line .bv {
	MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 8px; BORDER-BOTTOM: #e8e8e8 1px =
solid
}
.box_line A {
	PADDING-LEFT: 10px; LINE-HEIGHT: 28px
}
.text_tag {
	BORDER-RIGHT: #cae5ff 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: =
#cae5ff 1px dashed; PADDING-LEFT: 10px; BACKGROUND: #ffffff; MARGIN: =
10px auto; BORDER-LEFT: #cae5ff 1px dashed; WIDTH: 560px; BORDER-BOTTOM: =
#cae5ff 1px dashed; HEIGHT: 24px
}
.text_tag H5 {
	CLEAR: left; DISPLAY: block; FONT-SIZE: 12px; FLOAT: left; COLOR: =
#000000; PADDING-TOP: 3px
}
.text_tag SPAN {
	FLOAT: right; FONT: 12px/24px Tahoma
}
.pagebreak {
	MARGIN-BOTTOM: 20px; LINE-HEIGHT: 25px; TEXT-ALIGN: center
}
.pagebreak A {
	MARGIN-LEFT: 15px
}
.pagebreak STRONG {
	MARGIN-LEFT: 15px
}
.butbox {
	PADDING-RIGHT: 20px; PADDING-BOTTOM: 15px
}
.butbox A:link {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#d9d9d9 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: =
#e8f3fd; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; BORDER-LEFT: #d9d9d9 1px =
solid; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d9d9 1px solid
}
.butbox A:visited {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#d9d9d9 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: =
#e8f3fd; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; BORDER-LEFT: #d9d9d9 1px =
solid; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d9d9 1px solid
}
.butbox A:hover {
	BORDER-RIGHT: #8bccec 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#8bccec 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: =
#e8f3fd; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; BORDER-LEFT: #8bccec 1px =
solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #8bccec 1px =
solid
}
.pages {
	PADDING-RIGHT: 20px; PADDING-BOTTOM: 15px; TEXT-ALIGN: right
}
.pages A:link {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#d9d9d9 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; PADDING-BOTTOM: =
2px; MARGIN: 0px 3px; BORDER-LEFT: #d9d9d9 1px solid; COLOR: #001a9f; =
PADDING-TOP: 2px; BORDER-BOTTOM: #d9d9d9 1px solid
}
.pages A:visited {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#d9d9d9 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; PADDING-BOTTOM: =
2px; MARGIN: 0px 3px; BORDER-LEFT: #d9d9d9 1px solid; COLOR: #001a9f; =
PADDING-TOP: 2px; BORDER-BOTTOM: #d9d9d9 1px solid
}
.pages A:hover {
	BORDER-RIGHT: #8bccec 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#8bccec 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: =
#e8f3fd; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; BORDER-LEFT: #8bccec 1px =
solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #8bccec 1px =
solid
}
.pages .click {
	BORDER-RIGHT: #ff831e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#ff831e 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: =
#ffebd9; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; BORDER-LEFT: #ff831e 1px =
solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #ff831e 1px =
solid
}
.pages STRONG {
	BORDER-RIGHT: #d9d9d9 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#d9d9d9 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: =
#2e6ab1; PADDING-BOTTOM: 2px; MARGIN: 0px 3px; BORDER-LEFT: #d9d9d9 1px =
solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d9d9 1px solid
}
.pages INPUT {
	DISPLAY: inline; MARGIN: -2px 3px; WIDTH: 20px
}
.sitemap {
	BORDER-RIGHT: #bed0e0 1px solid; BORDER-TOP: #bed0e0 1px solid; =
BACKGROUND: #eaf3fb; MARGIN: 10px 0px; BORDER-LEFT: #bed0e0 1px solid; =
COLOR: #275c91; LINE-HEIGHT: 2.5; BORDER-BOTTOM: #bed0e0 1px solid; =
HEIGHT: 2.5em; TEXT-ALIGN: center
}
.sitemap A:link {
	COLOR: #275c91
}
.sitemap A:visited {
	COLOR: #275c91
}
.sitemap A:hover {
	COLOR: #275c91; TEXT-DECORATION: underline
}
.footer {
	PADDING-BOTTOM: 10px; MARGIN: 0px 10px 10px; TEXT-ALIGN: center
}
.copyright {
	COLOR: #000000; LINE-HEIGHT: 26px
}
.copyright A:link {
	COLOR: #000000; LINE-HEIGHT: 26px
}
.copyright A:visited {
	COLOR: #000000; LINE-HEIGHT: 26px
}
.red {
	COLOR: #ff0000
}
.blue {
	COLOR: #1fa51c
}
.fsource {
	COLOR: #666
}
.Code {
	BORDER-RIGHT: #8b4513 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: =
#8b4513 1px solid; PADDING-LEFT: 5px; BORDER-LEFT: #8b4513 1px solid; =
COLOR: #000066; BORDER-BOTTOM: #8b4513 1px solid; FONT-FAMILY: 'Courier =
New' , Monospace; BACKGROUND-COLOR: #ff9933
}
.codeHead {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FONT-SIZE: =
12px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; =
BORDER-BOTTOM: #ddd 1px solid
}
.codeText {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px =
solid; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: =
0px 0px 1.1em; FONT: 12px "Courier New", Monospace; OVERFLOW: auto; =
BORDER-LEFT: #ddd 1px solid; WIDTH: 98%; WORD-BREAK: break-all; =
PADDING-TOP: 0px; BORDER-BOTTOM: #ddd 1px solid
}
.content .codeText OL {
	BACKGROUND: #fff; MARGIN: 0px 1px 0px 45px; BORDER-LEFT: #ddd 1px =
solid; COLOR: #5c5c5c; TEXT-INDENT: 0.1em; LIST-STYLE-TYPE: decimal
}
.codeText OL LI {
	BACKGROUND: #fff
}
.codeText OL LI.alt {
	BACKGROUND: #fff
}
.codeText OL LI SPAN {