main.css

在51系列单片机上实现音乐播放

BODY {
	MARGIN-TOP: 10px; FONT-SIZE: 9pt; BACKGROUND: #ffffff; FONT-FAMILY: 宋体; TEXT-ALIGN: center
}
#header {
	MARGIN-BOTTOM: 5px; MARGIN-LEFT: auto; WIDTH: 760px; MARGIN-RIGHT: auto; TEXT-ALIGN: center
}
#menu {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 2px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; WIDTH: 760px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: #f6f6f6; TEXT-ALIGN: center
}
#menu UL {
	DISPLAY: inline; TEXT-ALIGN: center
}
#menu LI {
	DISPLAY: block; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 1px; WIDTH: 73px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; HEIGHT: 17px; TEXT-ALIGN: center
}
#home_page {
	MARGIN-LEFT: auto; WIDTH: 760px; MARGIN-RIGHT: auto
}
#mainleft {
	FLOAT: left; WIDTH: 200px
}
#search {
	BORDER-TOP: #bbdfff 3px solid; PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #f0f8ff
}
#search FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#search H1 {
	MARGIN-TOP: 5px; FONT-SIZE: 12px; MARGIN-BOTTOM: 0px
}
#sitenote {
	TEXT-ALIGN: left
}
#sitenote H1 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; BACKGROUND-COLOR: #f2f2f2; TEXT-ALIGN: center
}
#sitenote UL {
	MARGIN: 20px
}
#sitenote LI {
	MARGIN-BOTTOM: 10px
}
#top20 {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ddd 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: left
}
#top20 H1 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #ddd; BACKGROUND-COLOR: #eee; TEXT-ALIGN: center
}
#top20 OL {
	MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 30px; LINE-HEIGHT: 20px
}
#mainright {
	PADDING-LEFT: 5px; FLOAT: right; WIDTH: 560px
}
#sportleft1_title {
	PADDING-RIGHT: 2px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; BACKGROUND-COLOR: #f90; TEXT-ALIGN: left
}
#sportleft1_content {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #eee 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #eee 1px solid; TEXT-ALIGN: left
}
#sportleft2_title {
	BORDER-RIGHT: #fc0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fc0 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; BORDER-LEFT: #fc0 1px solid; PADDING-TOP: 5px; BACKGROUND-COLOR: #fffcdd; TEXT-ALIGN: left
}
#sportleft2_content {
	BORDER-RIGHT: #fc0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fc0 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #fc0 1px solid; LINE-HEIGHT: 17px; PADDING-TOP: 0px; BORDER-BOTTOM: #fc0 1px solid; TEXT-ALIGN: left
}
#sportleft2_content UL {
	MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 23px
}
#sportleft2_content LI {
	LIST-STYLE-IMAGE: url(/images/arrow.gif); MARGIN: 0px
}
#sportleft3_title {
	BORDER-RIGHT: #fdb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fdb 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; BORDER-LEFT: #fdb 1px solid; PADDING-TOP: 5px; BACKGROUND-COLOR: #fffcdd; TEXT-ALIGN: left
}
#sportleft3_content {
	BORDER-RIGHT: #fdb 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fdb 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: #fdb 1px solid; LINE-HEIGHT: 2em; PADDING-TOP: 0px; BORDER-BOTTOM: #fdb 1px solid; BACKGROUND-COLOR: #ffe; TEXT-ALIGN: left
}
#sportleft3_content UL {
	MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 15px
}
#sportleft3_content LI {
	DISPLAY: inline-block; WIDTH: 200px; LIST-STYLE-TYPE: none
}
#search_form {
	BORDER-TOP: #bbb 1px solid; MARGIN-BOTTOM: 5px; WIDTH: 760px; PADDING-TOP: 10px; HEIGHT: 40px; BACKGROUND-COLOR: #eee; TEXT-ALIGN: center
}
#search_form FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#catdesc {
	PADDING-RIGHT: 0px; BORDER-TOP: #fa5 1px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; WIDTH: 760px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#catdesc H1 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: #ffd; TEXT-ALIGN: center
}
#bread {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; WIDTH: 760px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#line {
	BORDER-TOP: #fb6 1px solid; WIDTH: 760px; HEIGHT: 20px; BACKGROUND-COLOR: #fed
}
#articlecontent {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; WIDTH: 760px; PADDING-TOP: 20px
}
#relateart {
	BORDER-TOP: #f90 1px solid; WIDTH: 760px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#banner {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 20px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; MARGIN: 5px; BORDER-LEFT: #eee 1px solid; WIDTH: 760px; COLOR: #eee; PADDING-TOP: 20px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 80px; TEXT-ALIGN: center
}
#relateart LI {
	PADDING-RIGHT: 20px; DISPLAY: block; FLOAT: left; MARGIN: 4px; WIDTH: 240px; LIST-STYLE-TYPE: none
}
#footer {
	PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 760px; PADDING-TOP: 10px; BACKGROUND-COLOR: #eee
}
.header {
	BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; BORDER-LEFT: #ff0000 0px solid; WIDTH: 760px; BORDER-BOTTOM: #ff0000 0px solid; POSITION: static; TEXT-ALIGN: left
}
.top_logo {
	FLOAT: left; PADDING-TOP: 20px
}
.top_banner {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 530px; PADDING-TOP: 20px; HEIGHT: 100px; TEXT-ALIGN: center
}
.top_blank {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px
}
.menu {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(bg_middle1.gif) #dddddd; PADDING-BOTTOM: 5px; BORDER-LEFT: #000000 1px solid; WIDTH: 760px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left
}
A:link {
	FONT-WEIGHT: bolder; COLOR: #555; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ff0000; TEXT-DECORATION: underline
}
A.visited {
	FONT-WEIGHT: bolder; COLOR: #ff9900; TEXT-DECORATION: none
}
.home_page {
	BORDER-RIGHT: #ff0000 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff0000 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ff0000 0px solid; WIDTH: 760px; PADDING-TOP: 0px; BORDER-BOTTOM: #ff0000 0px solid; HEIGHT: 300px
}
.main_left {
	BORDER-RIGHT: #ff9900 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ff9900 0px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #ff9900 0px solid; WIDTH: 455px; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; BORDER-BOTTOM: #ff9900 0px solid; HEIGHT: 290px
}
.main_right {
	BORDER-RIGHT: #cc9900 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cc9900 0px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 0px; BORDER-LEFT: #cc9900 0px solid; WIDTH: 295px; PADDING-TOP: 10px; BORDER-BOTTOM: #cc9900 0px solid; HEIGHT: 290px
}
.footer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(/images/footer_02.gif); PADDING-BOTTOM: 0px; WIDTH: 760px; PADDING-TOP: 0px; HEIGHT: 40px; TEXT-ALIGN: left
}
.footer_left {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.footer_right {
	TEXT-ALIGN: right
}
.field {
	BACKGROUND: #dddddd
}
LEGEND {
	FONT-WEIGHT: bold; FONT-SIZE: 20px
}
.breadcast {
	BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; BACKGROUND: #eee; PADDING-BOTTOM: 2px; BORDER-LEFT: #aaa 1px solid; WIDTH: 760px; PADDING-TOP: 4px; BORDER-BOTTOM: #aaa 1px solid; HEIGHT: 20px; TEXT-ALIGN: left
}
.article_left {
	BORDER-RIGHT: #eee 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: #eee 0px solid; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #eee 0px solid; WIDTH: 540px; PADDING-TOP: 10px; BORDER-BOTTOM: #eee 0px solid; TEXT-ALIGN: left
}
.article_right {
	WIDTH: 210px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
TD {
	FONT-SIZE: 9pt; FONT-FAMILY: 宋体
}
.category_main {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 3px; BACKGROUND: #eee; FLOAT: left; PADDING-BOTTOM: 10px; BORDER-LEFT: #000 1px solid; WIDTH: 200px; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: left
}
.category_right {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; WIDTH: 557px; BORDER-BOTTOM: #000 1px solid; TEXT-ALIGN: left
}