style.css

JMF编程的基础教程。。。 html格式配有源码。。。 非常适合初学者学习

HTML {
	BACKGROUND: url(images/bg.gif) #c22811 left top; MARGIN: auto; FONT: 12px/150% black verdana; HEIGHT: 100%; TEXT-ALIGN: center
}
BODY {
	BACKGROUND: url(images/bg.gif) #c22811 left top; MARGIN: auto; FONT: 12px/150% black verdana; HEIGHT: 100%; TEXT-ALIGN: center
}
DIV {
	MARGIN: auto; FONT-FAMILY: verdana; WORD-WRAP: break-word
}
TD {
	FONT-SIZE: 12px; FONT-FAMILY: verdana
}
UL {
	LIST-STYLE-TYPE: circle
}
A:link {
	COLOR: #666666; TEXT-DECORATION: none
}
A:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
A:hover {
	COLOR: #666666; TEXT-DECORATION: underline
}
A:active {
	COLOR: red; TEXT-DECORATION: none
}
.none {
	DISPLAY: none
}
.floatright {
	FLOAT: right
}
.clear {
	CLEAR: both
}
#banner {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BACKGROUND: url(images/bg_banner.gif) repeat-x left top; BORDER-LEFT: black 0px solid; WIDTH: 96%; BORDER-BOTTOM: black 0px solid; POSITION: relative; HEIGHT: 148px
}
#bnr_pic {
	BACKGROUND: url(images/bnr_pic.gif) no-repeat right top; WIDTH: 100%; POSITION: relative; HEIGHT: 148px
}
.header {
	PADDING-LEFT: 5px; WIDTH: 100%; PADDING-TOP: 10px; HEIGHT: 148px; TEXT-ALIGN: left
}
#main {
	CLEAR: both; BACKGROUND: white; WIDTH: 96%
}
#wrap {
	BACKGROUND: white; WIDTH: 96%
}
#left {
	BORDER-RIGHT: green 0px solid; BORDER-TOP: green 0px solid; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; OVERFLOW-X: hidden; MARGIN: 0px -250px 0px 0px; BORDER-LEFT: green 0px solid; WIDTH: 100%; BORDER-BOTTOM: green 0px solid; TEXT-ALIGN: left
}
#left_content {
	MARGIN: 10px 250px 0px 0px
}
#right {
	BACKGROUND: #f6f6f6; FLOAT: right; OVERFLOW-X: hidden; WIDTH: 240px; BORDER-BOTTOM: #d20000 5px solid; TEXT-ALIGN: left
}
#right_content {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 15px auto; BORDER-LEFT: red 0px solid; WIDTH: 100%; BORDER-BOTTOM: red 0px solid; TEXT-ALIGN: left
}
.ft {
	WIDTH: 96%; HEIGHT: 27px
}
.ft_left {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BACKGROUND: url(images/footer_left.gif) no-repeat left top; BORDER-LEFT: red 0px solid; WIDTH: 8px; BORDER-BOTTOM: red 0px solid; HEIGHT: 27px
}
.ft_right {
	BACKGROUND: url(images/footer_right.gif) no-repeat right top; WIDTH: 8px; HEIGHT: 27px
}
.footer {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BACKGROUND: url(images/footer_mid.gif) repeat-x right top; BORDER-LEFT: red 0px solid; COLOR: white; PADDING-TOP: 10px; BORDER-BOTTOM: red 0px solid; HEIGHT: 27px; TEXT-ALIGN: left
}
.listtitle {
	PADDING-LEFT: 25px; FONT-SIZE: 14px; BACKGROUND: url(images/tit_list.gif) #d20000 no-repeat left center; WIDTH: 200px; COLOR: white; LINE-HEIGHT: 26px; PADDING-TOP: 3px; HEIGHT: 26px
}
.catListTitle {
	PADDING-LEFT: 25px; FONT-SIZE: 14px; BACKGROUND: url(images/tit_list.gif) #d20000 no-repeat left center; WIDTH: 200px; COLOR: white; LINE-HEIGHT: 26px; PADDING-TOP: 3px; HEIGHT: 26px
}
.catList {
	MARGIN-LEFT: 10px
}
UL {
	MARGIN-LEFT: 0px
}
LI {
	MARGIN-LEFT: 10px; LIST-STYLE-TYPE: none
}
.newsItem {
	BORDER-RIGHT: red 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: red 0px solid; PADDING-LEFT: 10px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; BORDER-LEFT: red 0px solid; WIDTH: 95%; PADDING-TOP: 10px; BORDER-BOTTOM: red 0px solid
}
#mylinks {
	PADDING-LEFT: 10px; LEFT: 0px; BOTTOM: 0px; POSITION: absolute; TOP: 118px; TEXT-ALIGN: left
}
A.mainmenu:link {
	COLOR: white; TEXT-DECORATION: none
}
A.mainmenu:visited {
	COLOR: white; TEXT-DECORATION: none
}
A.mainmenu:hover {
	COLOR: #ffffcc; TEXT-DECORATION: underline
}
A.mainmenu:active {
	COLOR: white; TEXT-DECORATION: none
}
#mystats {
	BACKGROUND: #990000; FLOAT: right; WIDTH: 240px; COLOR: white; LINE-HEIGHT: 30px; HEIGHT: 30px; TEXT-ALIGN: center
}
.blogStats {
	
}
.headerText {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BORDER-LEFT: red 0px solid; BORDER-BOTTOM: red 0px solid
}
.headermaintitle {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; FONT-FAMILY: "courier new", verdana, monospace
}
A.headermaintitle:link {
	COLOR: #d20000; TEXT-DECORATION: none
}
A.headermaintitle:visited {
	COLOR: #d20000; TEXT-DECORATION: underline
}
A.headermaintitle:hover {
	COLOR: black; TEXT-DECORATION: underline
}
A.headermaintitle:active {
	COLOR: #d20000; TEXT-DECORATION: none
}
.headerDis {
	BORDER-RIGHT: red 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: red 0px solid; OVERFLOW: hidden; BORDER-LEFT: red 0px solid; COLOR: #333333; PADDING-TOP: 5px; BORDER-BOTTOM: red 0px solid; FONT-FAMILY: "courier new", verdana, monospace; TEXT-ALIGN: left
}
#topics {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; MARGIN: 10px 10px auto; BORDER-LEFT: red 0px solid; WIDTH: 100%; BORDER-BOTTOM: red 0px solid
}
.day {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(images/bg_day.jpg) white no-repeat right top; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 30px; PADDING-TOP: 0px; BORDER-BOTTOM: #999999 1px dashed
}
.dayTitle {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 10px; COLOR: #d20000; FONT-FAMILY: verdana, monospace
}
.postTitle {
	BORDER-RIGHT: red 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: red 0px solid; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; BORDER-LEFT: red 0px solid; PADDING-TOP: 10px; BORDER-BOTTOM: red 0px solid
}
.postTitle2 {
	PADDING-BOTTOM: 10px; BORDER-BOTTOM: #efefef 0px dotted
}
.post A:link {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.post A:visited {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.post A:hover {
	COLOR: #333333; TEXT-DECORATION: none
}
.post A:active {
	COLOR: #d20000; TEXT-DECORATION: underline
}
A.postTitle2:link {
	COLOR: #d20000; TEXT-DECORATION: underline
}
A.postTitle2:visited {
	COLOR: #d20000; TEXT-DECORATION: none
}
A.postTitle2:hover {
	COLOR: #333333; TEXT-DECORATION: none
}
A.postTitle2:active {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.postCon {
	BORDER-RIGHT: #efefef 0px dotted; PADDING-RIGHT: 10px; BORDER-TOP: #efefef 0px dotted; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; BORDER-LEFT: #efefef 0px dotted; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BORDER-BOTTOM: #efefef 0px dotted
}
.postDesc {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; FONT-SIZE: 12px; BORDER-LEFT: red 0px solid; COLOR: gray; PADDING-TOP: 10px; BORDER-BOTTOM: red 0px solid; FONT-FAMILY: arial; TEXT-ALIGN: right
}
.postDesc A:link {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.postDesc A:visited {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.postDesc A:hover {
	COLOR: #4b4b4b; TEXT-DECORATION: underline
}
.postDesc A:active {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.postSeparator {
	MARGIN-TOP: 10px; BACKGROUND: url(images/line.gif) no-repeat center center; MARGIN-BOTTOM: 5px; HEIGHT: 40px
}
.post {
	BORDER-RIGHT: #676767 0px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #676767 0px dashed; PADDING-LEFT: 10px; FONT-SIZE: 14px; BACKGROUND: url(images/bg_day.jpg) white no-repeat right top; PADDING-BOTTOM: 10px; BORDER-LEFT: #676767 0px dashed; PADDING-TOP: 10px; BORDER-BOTTOM: #676767 0px dashed
}
.entrylist {
	BORDER-RIGHT: #676767 0px dashed; PADDING-RIGHT: 15px; BORDER-TOP: #676767 0px dashed; PADDING-LEFT: 0px; BACKGROUND: url(images/bg_day.jpg) white no-repeat right top; PADDING-BOTTOM: 15px; BORDER-LEFT: #676767 0px dashed; PADDING-TOP: 15px; BORDER-BOTTOM: #676767 0px dashed
}
.entrylistTitle {
	BORDER-RIGHT: red 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: red 0px solid; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; BORDER-LEFT: red 0px solid; PADDING-TOP: 10px; BORDER-BOTTOM: red 0px solid; FONT-FAMILY: verdana
}
.entrylistDescription {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 15px; COLOR: gray; PADDING-TOP: 15px
}
.entrylistItem {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; BORDER-BOTTOM: #ccc 0px dotted
}
.entrylistItemTitle {
	FONT-SIZE: 14px; FONT-FAMILY: verdana
}
.entrylistItemPostDesc {
	COLOR: gray; FONT-FAMILY: arial; TEXT-ALIGN: right
}
.feedback_area_title {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0px 0px 10px 20px; BORDER-BOTTOM: #ccc 1px dotted
}
.feedbackListSubtitle {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px; COLOR: #4f4f4f; BORDER-BOTTOM: #ccc 1px dotted
}
.commentform {
	MARGIN: 0px 20px 10px
}
.feedbackItem {
	MARGIN: 0px 0px 10px 20px
}
.feedbackManage {
	FONT-WEIGHT: normal; FLOAT: right
}
.feedbackCon {
	MARGIN-BOTTOM: 20px
}
.calendar {
	TEXT-ALIGN: center
}
.Cal {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 7px; WIDTH: 90%; LINE-HEIGHT: 22px; PADDING-TOP: 0px; FONT-FAMILY: arial
}
.CalTitle {
	FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0099cc; FONT-FAMILY: verdana; HEIGHT: 30px
}
.CalDayHeader {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; FONT-WEIGHT: bold; BORDER-LEFT: red 0px solid; BORDER-BOTTOM: red 0px solid; BACKGROUND-COLOR: transparent
}
.CalTodayDay {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BACKGROUND: #f8c7c7; BORDER-LEFT: red 0px solid; BORDER-BOTTOM: red 0px solid
}
.CalSelector {
	BORDER-RIGHT: red 0px solid; BORDER-TOP: red 0px solid; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: red 0px solid; BORDER-BOTTOM: red 0px solid
}
.CalWeekendDay {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.CalOtherMonthDay {
	COLOR: gray
}
.CalNextPrev {
	BORDER-RIGHT: red 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 0px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: red 0px solid; PADDING-TOP: 5px; BORDER-BOTTOM: red 0px solid
}
.pages {
	FONT-SIZE: 14px
}
.pfl_feedback_area_title {
	FONT-WEIGHT: bold; FONT-SIZE: 14px
}
.pfl_feedback_area_title A:link {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.pfl_feedback_area_title A:visited {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.pfl_feedback_area_title A:hover {
	COLOR: #333333; TEXT-DECORATION: underline
}
.pfl_feedback_area_title A:unknown {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.pfl_feedbackItem A:link {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.pfl_feedbackItem A:visited {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.pfl_feedbackItem A:hover {
	COLOR: #333333; TEXT-DECORATION: underline
}
.pfl_feedbackItem A:unknown {
	COLOR: #d20000; TEXT-DECORATION: underline
}
.pfl_feedbackItem {
	MARGIN-TOP: 10px
}
.pfl_feedbacksubtitle {
	MARGIN-BOTTOM: 5px; LINE-HEIGHT: 24px; BORDER-BOTTOM: #cccccc 1px dashed; HEIGHT: 24px
}
.pfl_feedbackname {
	FONT-WEIGHT: bold; FLOAT: left; COLOR: #4f4f4f
}
.pfl_feedbackManage {
	FLOAT: right
}
.pfl_feedbackCon {
	PADDING-BOTTOM: 10px
}
.pfl_answer {
	PADDING-BOTTOM: 10px; MARGIN-LEFT: 20px
}
IMG.UserStatus {
	BACKGROUND: url(/Images/online.gif) no-repeat left -20px; WIDTH: 50px; HEIGHT: 20px
}
IMG.online {
	BACKGROUND-POSITION: left top
}