css例子一

body,td,th {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height:18px;COLOR: #333333}
body{background-color:#f6f9fd;}
INPUT.smallInput2 {font-family: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #94d8f1 1px solid; BORDER-TOP: #94d8f1 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #94d8f1 1px solid; COLOR: #333333; LINE-HEIGHT: normal; BORDER-BOTTOM: #94d8f1 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #f9fcfd}
INPUT.datainput1{background: url("/templates/acp/images/bg-input.png") no-repeat scroll 0 0 #FFFFFF; border: 1px solid #A7A6AA; height: 25px; margin: 0; padding: 3px 2px 0;}

select.vtype {font-family: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #94d8f1 1px solid; BORDER-TOP: #94d8f1 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #94d8f1 1px solid; COLOR: #333333; LINE-HEIGHT: normal; BORDER-BOTTOM: #94d8f1 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #f9fcfd}
textarea.txt2 {font-family: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #94d8f1 1px solid; BORDER-TOP: #94d8f1 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #94d8f1 1px solid; COLOR: #333333; LINE-HEIGHT: normal; BORDER-BOTTOM: #94d8f1 1px solid; HEIGHT: 150px; 400px; BACKGROUND-COLOR: #f9fcfd}
.select01 {BORDER-RIGHT: #94d8f1 1px solid; BORDER-TOP: #94d8f1 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #94d8f1 1px solid; COLOR: #333333; BORDER-BOTTOM: #94d8f1 1px solid; BACKGROUND-COLOR: #f9fcfd}
.txtfield {BORDER-RIGHT: #5ac0ed 1px solid; BORDER-TOP: #5ac0ed 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #5ac0ed 1px solid; BORDER-BOTTOM: #5ac0ed 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif}
SELECT {BORDER-RIGHT: #5ac0ed 1px solid; BORDER-TOP: #5ac0ed 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #5ac0ed 1px solid; BORDER-BOTTOM: #5ac0ed 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif}
.xinxi {FONT-SIZE: 12px; COLOR: #000000}
.reg_01 {FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 190%}
.btn {BORDER-RIGHT: #5ac0ed 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #5ac0ed 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA); BORDER-LEFT: #5ac0ed 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #5ac0ed 1px solid}
.ID14 {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; TEXT-DECORATION: underline}
.top12 {FONT-SIZE: 12px; COLOR: #999999}
.a1:link {FONT-SIZE: 12px; COLOR: #b96202; TEXT-DECORATION: none}
.m_01 { FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none}
.m_02 { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none}
BUTTON {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}.a1:visited { FONT-SIZE: 12px; COLOR: #b96202; TEXT-DECORATION: none}
.a1:hover { FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none}
A:link { FONT-SIZE: 12px; COLOR: #111111; TEXT-DECORATION: none}
A:visited { FONT-SIZE: 12px; COLOR: #111111; TEXT-DECORATION: none}
A:hover {FONT-SIZE: 12px; COLOR: #ff0000; TEXT-DECORATION: none}
.top_12 {FONT-SIZE: 12px; COLOR: #3d3d3d}
.a2:link {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; TEXT-DECORATION: underline}
.a2:visited {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; TEXT-DECORATION: underline}
.top_14 {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff}
.a2:hover { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff0000; TEXT-DECORATION: none}
.a3:link {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #18a4eb; TEXT-DECORATION: none}
.a3:hover {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff0000; TEXT-DECORATION: none}
.a3:visited {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #18a4eb; TEXT-DECORATION: none}
.mms_01 {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000}
.time {FONT-SIZE: 12px; COLOR: #666666}
.menu_1{ 100%; height:20px;CURSOR: hand; padding:3px;}
.login_usermane {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #CC0000; font-family:Georgia, "Times New Roman", Times, serif;}
.bline {border-bottom: 1px solid #C8E3F5;background-color: #FFFFFF}
.tr1 {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #E8F5FE; PADDING-BOTTOM: 3px; PADDING-TOP: 3px;line-height: 150%;}
.b {font-weight:bold;}
P {FONT: 12px "sans-serif", "Verdana", "Arial"}
TD {FONT: 12px "sans-serif", "Verdana", "Arial"}
DIV {FONT: 12px "sans-serif", "Verdana", "Arial"}
TH {FONT: bold 12px "sans-serif", "Verdana", "Arial"}
FORM {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
INPUT {FONT: 12px "courier new"}
TEXTAREA {FONT: 12px "courier new"}
SELECT {FONT: 12px "courier new"}
A:visited { COLOR: #335b64; TEXT-DECORATION: none}
A:link {COLOR: #335b64; TEXT-DECORATION: none}
A:hover {COLOR: #eb8a3d; TEXT-DECORATION: underline}
A:active {COLOR: #eb8a3d; TEXT-DECORATION: underline}
.clear {CLEAR: both; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0px; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
.nowrap {WHITE-SPACE: nowrap}
TABLE .shipping_xz td{ background:#f1f1f1;}

.displaynone{display:none;}
.displayshow{display:block;}
.displayadmin{ color:#FF0000; font-weight:bold;}
.dologin{font-size:14px; font-weight:bold;}
.blendTrans{filter:alpha(opacity=30) blendTrans(duration=1);}
.imgGray{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.appatt{color:#333;font-size:12px; font-weight:bold;}
.appattk{padding-left:15px; padding-top:5px;padding-bottom:5px; 85%;}
.appattv{padding-left:10px; text-align:left;}
.appboard{ border-bottom:#FF0000 2px solid; }
#get_price{ font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#FF0000;}
.pleft{ padding-left:20px;}

/* 不同大小字体/不同色彩样式 格式:f加上字体大小 c加色彩 */
.f16 {font-size:16px;}
.f14 {font-size:14px;}
.f12 {font-size:12px;}
.f11 {font-size:11px;}
.f10 {font-size:10px;}
.cBlue {color:#06f;}
.cYellow {color:#FF9900;}
.cRed {color:#f00;}
.cGray {color:#666;}
.cWhite {color:#FFFFFF;}
.cGreen {color:#009900}
.cBlack {color:#000000}
.cOrange{color:#FF4E00;}
.cPink{color:#FF4690;} /*粉色*/
.cAzure{color:#37A2DF;} /*天蓝色*/
.cPurple{color:#8134E2;}/*紫色*/
.cPred{color:#AF0C6B;}/*紫红*/
.b{font-weight:bold;}
.unline{text-decoration:none;}


.fontTimes{font-family: Times; font-size: 26px; font-style: italic}
.hidebox{display:none;}
.visiblebox{}

#CalendarIFrame {display: none;left: 0px;position: absolute;top: 5px;height: 250px; 250px;z-index: 99;}
#Calendar {position:absolute;background-color:#FFF;margin:0;padding:0;display:none;z-index: 100;BORDER: #cfe7ed 1px solid;padding:6px 10px 0;}
#Calendar table {font-family: arial, verdana, helvetica, sans-serif;font-size:12px;}
#Calendar th {font-weight: normal;color:#0597db;}
#Calendar th a {font-weight: normal;text-decoration: none;}
#Calendar td {text-align: center;}
#Calendar td a {font-weight: normal;text-decoration: none; font-size:12px;}
#Calendar .header {}
#Calendar .footer a{font-size:11px;color:#40a4d2;}
#Calendar .weekday {background:url(../images/calendar-valid.gif) no-repeat;color: #0597db;}
#Calendar .weekend {background:url(../images/calendar-valid.gif) no-repeat;color:#FF0000;}
#Calendar .current {background:url(../images/calendar-valid.gif) no-repeat 0 -21px;color: #FFF;}
#Calendar .weekday,#Calendar .weekend,#Calendar .current {display: block;text-decoration: none;21px;height:21px;line-height:21px;}
#Calendar .weekday:hover,#Calendar .weekend:hover,#Calendar .current:hover {color: #FFF;background:url(../images/calendar-valid.gif) no-repeat 0 -21px;}
#Calendar .previous {text-align: left;}
#Calendar .next {text-align: right;}
#Calendar .previous,#Calendar .next {padding: 1px 3px 1px 3px;font-size: 1.4em;}
#Calendar .previous a,#Calendar .next a {color: #666;text-decoration: none;font-weight: bold;}
#Calendar .title {text-align: center;font-weight: bold;color: #666; font-size:11px;}
#Calendar .empty {background:url(../images/calendar-td.gif) no-repeat 0px 1px;}

原文地址:https://www.cnblogs.com/wjlstation/p/2596418.html