style.css

主要是我最近两月在公司通过百度学习的内容,有AJAX,DWR,JAVA实现文件的上传和下载.主要目的在与告诉大家一个成功程序员(JAVA)是如何学习的,需要学习什么内容.以及学习的态度.

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(stripes.gif) #fff fixed; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; FONT: 12px verdana, arial, helvetica, sans-serif; COLOR: #333; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#Top H1 A {
	MARGIN-TOP: 5px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 2px; FONT: bold 26px verdana, arial, helvetica, sans-serif; COLOR: #fff
}
H2 {
	MARGIN-TOP: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 2px; FONT: bold 15px verdana, arial, helvetica, sans-serif; COLOR: #333
}
H3 {
	BORDER-RIGHT: #666 0px solid; BORDER-TOP: #666 0px solid; MARGIN-TOP: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 2px; FONT: bold 13px/18px verdana, arial, helvetica, sans-serif; BORDER-LEFT: #666 0px solid; COLOR: #666; BORDER-BOTTOM: #666 1px solid
}
H4 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; FONT: 12px arial, helvetica, sans-serif; PADDING-TOP: 2px
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 10px verdana, arial, helvetica, sans-serif; PADDING-TOP: 0px; LETTER-SPACING: 0.09em
}
H6 {
	MARGIN-TOP: 5px; FONT-SIZE: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN-BOTTOM: 2px; COLOR: #000
}
A IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.quote {
	BORDER-RIGHT: 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: 1px dotted; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 0px 10px; OVERFLOW: auto; BORDER-LEFT: 1px dotted; PADDING-TOP: 5px; BORDER-BOTTOM: 1px dotted; BACKGROUND-COLOR: #dfe6ef
}
BLOCKQUOTE {
	BORDER-RIGHT: 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: 1px dotted; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: 1px dotted; PADDING-TOP: 5px; BORDER-BOTTOM: 1px dotted; BACKGROUND-COLOR: #dfe6ef
}
.date {
	FONT: 12px verdana, arial, helvetica, sans-serif; LETTER-SPACING: 0.09em
}
.footer {
	BACKGROUND: none transparent scroll repeat 0% 0%; FONT: 12px verdana, arial, helvetica, sans-serif; WIDTH: 100%; COLOR: #666; TEXT-ALIGN: right
}
.footer A:link {
	COLOR: #3a76b1
}
.footer A:visited {
	COLOR: #3a76b1
}
.Upgrade {
	DISPLAY: none; FONT-WEIGHT: bold
}
P {
	MARGIN: 10px 0px
}
OL {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px
}
UL {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px
}
#Resource-Container {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: #ccc 1px solid; WIDTH: 790px; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #eee; TEXT-ALIGN: left
}
#Resource-Container A:link {
	TEXT-DECORATION: none
}
#Resource-Main {
	PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 790px; COLOR: #333; PADDING-TOP: 0px; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
#Resource-Desc {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-DECORATION: none
}
#Resource-Desc A:link {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#Resource-Desc A {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#Resource-Desc A:unknown #Resource-Desc A:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#Container {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; BORDER-LEFT: #ccc 1px solid; WIDTH: 985px; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #eee; TEXT-ALIGN: left
}
#Top {
	BORDER-RIGHT: #003366 0px solid; PADDING-RIGHT: 10px; BORDER-TOP: #003366 0px solid; PADDING-LEFT: 10px; BACKGROUND: #3a76b1; PADDING-BOTTOM: 10px; MARGIN: 0px auto; BORDER-LEFT: #003366 0px solid; COLOR: white; PADDING-TOP: 10px; BORDER-BOTTOM: #003366 3px solid; TEXT-ALIGN: left
}
.blog_description {
	MARGIN-LEFT: 5px
}
#Topmenu {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; FONT: 12px verdana, arial, helvetica, sans-serif; WIDTH: 975px; COLOR: #333; PADDING-TOP: 5px; BACKGROUND-COLOR: #eee; TEXT-ALIGN: left
}
.topdate {
	FLOAT: right; COLOR: #00008b
}
#Content {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; COLOR: #333; PADDING-TOP: 0px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
#Sidebar-l {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; FONT: 12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif; WIDTH: 150px; COLOR: #666; PADDING-TOP: 0px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
#Main {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 2px 0px; BORDER-LEFT: #ccc 1px solid; WIDTH: 610px; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
#Sidebar-r {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; FONT: 12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif; WIDTH: 150px; COLOR: #666; PADDING-TOP: 0px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
.Sidetitle {
	BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 10px; BACKGROUND: #eee; COLOR: #333; BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center
}
#Bottommenu {
	BORDER-TOP-WIDTH: 0px; FONT: 10px verdana, arial, helvetica, sans-serif; WIDTH: 100%; COLOR: #333; BORDER-BOTTOM: #ccc 1px dashed; BACKGROUND-COLOR: #eee; TEXT-ALIGN: center
}
#Bottom {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; FONT: 10px verdana, arial, helvetica, sans-serif; WIDTH: 100%; COLOR: white; PADDING-TOP: 2px; BACKGROUND-COLOR: #003366; TEXT-ALIGN: center
}
A {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666; TEXT-DECORATION: none
}
A:link {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666
}
A:visited {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666
}
A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666; TEXT-DECORATION: underline
}
#album A {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#album A:link {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#album A:hover {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
#album A:active {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
.calendar {
	FONT: 12px/1.5 trebuchet ms, verdana, arial, helvetica, sans-serif
}
.calendarToday {
	BACKGROUND-COLOR: #ecdebd
}
TABLE.calMonth {
	MARGIN: 0px auto; WIDTH: 140px
}
THEAD {
	TEXT-ALIGN: center
}
TBODY {
	TEXT-ALIGN: right
}
TABLE.calYear TBODY TR TD {
	VERTICAL-ALIGN: top
}
.commentposterinfo {
	MARGIN-TOP: 0px; FONT: 12px trebuchet ms, arial, verdana, sans-serif; LETTER-SPACING: 0.09em; TEXT-ALIGN: left
}
UNKNOWN {
	BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 5px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#calendar A:hover {
	DISPLAY: block; BACKGROUND: #e0e6e0; COLOR: #333333
}
#calendar TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; FONT: 10px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; COLOR: #000000; PADDING-TOP: 0px; LETTER-SPACING: normal; TEXT-ALIGN: center
}
#calendar TD.pad:hover {
	BACKGROUND: #c00
}
#calendar TD:hover {
	BACKGROUND: #666666; COLOR: #666666
}
.calMonthForward A:hover {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 5px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #666666; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
.calMonthBackward A:hover {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 5px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #666666; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
.calDayLink {
	DISPLAY: block; TEXT-DECORATION: none
}
.calMonth A {
	DISPLAY: block; COLOR: #666666; TEXT-DECORATION: underline
}
#calendar A:hover {
	BACKGROUND: #666666; COLOR: #666666
}
.calMonth TD {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; FONT: 12px Verdana, Arial, serif; COLOR: #666666; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calMonthDay A:link {
	COLOR: #666666
}
.calMonthDay A:visited {
	COLOR: #666666
}
.calMonthToday {
	BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; COLOR: #666666; BORDER-BOTTOM: #666666 1px solid
}
LI {
	LIST-STYLE-POSITION: inside
}
.alignright {
	FLOAT: right
}
.alignleft {
	FLOAT: left
}
#drop-case:first-letter {
	BORDER-RIGHT: #3a76b1 2px dotted; PADDING-RIGHT: 2px; BORDER-TOP: #3a76b1 2px dotted; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 170%; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 0px 3px 3px 0px; BORDER-LEFT: #3a76b1 2px dotted; PADDING-TOP: 2px; BORDER-BOTTOM: #3a76b1 2px dotted
}
.description {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; LETTER-SPACING: 2px
}
.description A:link {
	FONT: 12px Tahoma, Arial, Verdana
}
.description A:hover {
	COLOR: #f90
}
#about {
	MARGIN-TOP: -10px; MARGIN-BOTTOM: 10px; FONT: 12px Tahoma, Arial, Sans-serif; MARGIN-LEFT: 0px; COLOR: #fff
}
#about A:link {
	COLOR: #fff; TEXT-DECORATION: none
}
#about A:hover {
	TEXT-DECORATION: underline
}
.aimage {
	VERTICAL-ALIGN: text-bottom
}
.editor {
	WIDTH: 417px
}
.editor SELECT {
	WIDTH: 55px
}
.commentarea {
	FONT-SIZE: 12px; WIDTH: 415px
}
DIV.comment_outline_1 {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BACKGROUND: #f2f7fb; MARGIN: 5px 0px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid
}
DIV.comment_title_1 {
	FONT-SIZE: 11px; WIDTH: 15px; COLOR: #666; HEIGHT: 15px; TEXT-ALIGN: center
}
.comments_post_1 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666; FONT-FAMILY: verdana, arial, sans-serif; TEXT-ALIGN: left
}
DIV.comment_outline_2 {
	BORDER-RIGHT: #e1e1e1 1px solid; BORDER-TOP: #e1e1e1 1px solid; MARGIN-TOP: 5px; BACKGROUND: #fcfcfc; MARGIN-LEFT: 3%; BORDER-LEFT: #e1e1e1 1px solid; BORDER-BOTTOM: #e1e1e1 1px solid
}
DIV.comment_outline_3 {
	BORDER-RIGHT: #e1e1e1 1px solid; BORDER-TOP: #e1e1e1 1px solid; MARGIN-TOP: 5px; BACKGROUND: #fcfcfc; MARGIN-LEFT: 3%; BORDER-LEFT: #e1e1e1 1px solid; BORDER-BOTTOM: #e1e1e1 1px solid
}
DIV.comment_title_2 {
	FONT-SIZE: 11px; MARGIN-LEFT: 25px; WIDTH: 15px; COLOR: #666; HEIGHT: 15px; TEXT-ALIGN: center
}
DIV.comment_title_3 {
	FONT-SIZE: 11px; MARGIN-LEFT: 25px; WIDTH: 15px; COLOR: #666; HEIGHT: 15px; TEXT-ALIGN: center
}
.comments_post_2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666; TEXT-ALIGN: left
}
.comments_post_3 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #666; TEXT-ALIGN: left
}
.comment_content_space {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px
}
.comment_content_space P {
	FONT-SIZE: 12px; COLOR: #000
}
.username {
	FONT-SIZE: 12px; COLOR: #3a76b1
}
.username A:link {
	COLOR: #3a76b1; TEXT-DECORATION: underline
}
.username A:visited {
	COLOR: #3a76b1; TEXT-DECORATION: underline
}
.username A:hover {
	COLOR: #000
}
.textcontent {
	COLOR: #066
}
.post {
	FONT-SIZE: 13px; MARGIN: 5px 0px; OVERFLOW: hidden; WIDTH: 610px
}
.post IMG {
	max-width: 100%
}
.post A:link {
	COLOR: #3a76b1; TEXT-DECORATION: underline
}
.post A:visited {
	COLOR: #3a76b1; TEXT-DECORATION: underline
}
#footer {
	CLEAR: both; FONT-SIZE: 11px; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; TEXT-ALIGN: center
}
#myicon {
	TEXT-ALIGN: center
}
.UserPicture {
	BORDER-RIGHT: #d4d0cd 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #d4d0cd 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 5px 10px 0px 6px; BORDER-LEFT: #d4d0cd 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #d4d0cd 1px solid; BACKGROUND-COLOR: #fff
}
#guestinfo OL LI {
	PADDING-RIGHT: 0px; BORDER-TOP: #999 1px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: decimal
}