*{
 font-size:12px;         元素文本的字号大小
}


body{                             定义html文档的主体
 margin:0;                     设置对象的外边距
 padding:0;                    设置对象的内边距
 color: #000000;               颜色  
 font-size:12px;               
 background:#FFFFFF;           背景
 font-family:"宋体","黑体";     设置元素文本字体的基本字体
}
h1,h2,h3,h4,h5,h6{                定义文章的标题 
 font-size:18px;
 padding:0;
 margin:0;
}
a{                                标示超链接或内部书签的位置 
 text-decoration: none;        设置字体的修饰效果
}
a:link {                          向未访问的链接添加特殊样式     
 color:#0066CC;                
 text-decoration: none;       
}
a:visited {                       将特殊的样式添加到未访问的链接   
 color:#0066CC;
 text-decoration: none;
}
a:hover {                         鼠标移动到元素上时向此元素添加样式  
 color:#FF7F50;
 text-decoration: underline;
}
a:active {                        向激活的元素添加特殊样式  
 color:#FF7F50;
 text-decoration: underline;
}
p{                                定义一个文档的段落  
 margin:0;
 padding:5px;
}
table {                           定义表格的相关格式  
 border-collapse: collapse;    设定表格的行和列的边距格式
 border:1px solid #91ADBF;     设置对象边框属性   
 background:#ffffff;             
 margin-top:10px;              设置对象的上外边距
 line-height:120%;             定义文本中字母的间距  
}
td{                               定义表格中的一个单元格 
 border:1px solid #91ADBF;
 margin:0;
 padding:3px;
}
tr.color1{                        在表格中定义一行颜色1  
background:#DAE2E8;
}
tr.color2{
background:#F1F4F7;
}
tr.color3{
background:#FFFFFF;
}
img{                               在文档中嵌入图像或视频剪辑                  
 border:0;
}
hr{                                插入一条水平线   
 border:0px;                     
 border-top:1px solid #91ADBF;  设置对象上边框属性  
 background:#91ADBF;
 margin:2px 0 4px 0;
 padding:0;
 height:0px;                    设置元素的高度尺寸  
 visibility:hidden;             设置对象是否可见  
 background-attachment: fixed;  定义背景图片随滚动轴的移动方式
}
img{
 margin:0;
 padding:0;
}
form{                              声明所包含的控件是表单的组成部分     
 margin:0;
 padding:0;
}
input.button{                      定义按钮格式控件   
 background:url("../image/edit/fade-butt.png");        
 border: 3px double #909090;
 border-left-color: #c0c0c0;                             左边框颜色
 border-top-color: #c0c0c0;                              上边框颜色 
 color: #333;
 padding: 0.05em 0.25em 0.05em 0.25em;
}

input {                                                     创建各种表单输入控件 
 padding: 0.15em 0.25em 0.20em 0.25em;
 border: 1px double #668294;
 background-position: bottom;                            背景位置
 background:#f0f0f0;
}
select{                                                     标识列表框或者下拉列表框 
 padding: 0.15em 0.25em 0.20em 0.25em;
 border: 1px double #668294;
 background-position: bottom;
 background:#f0f0f0;
}

textarea{                                                 定义多行文本输入区域  
 padding: 0.15em 0.25em 0.20em 0.25em;
 border: 1px double #668294;
 background-position: bottom;
 background:#f0f0f0;
}


div{                                                      定义文档中的分区或节 
    padding:0;
}

#divSidebar{                                                                         
 padding:0;
 margin:0 0 0 0;
 text-align:center;
 float:left;                                           给每个单一元素快速指定样式   
}
#divTitle{
 padding:0 0 0 0;
 margin:0;
 float:left;
 width:100%;
 background:#EDF4FB url("../image/edit/titlebg.gif") repeat-x;
 height:60px;
 text-align:left;                                     设置水平方向对齐方式
}
#divManage{
 padding:0 0 0 0;
 margin:0;
 float:left;
 width:100%;
 background:#DAE2E8;
 border-top:1px solid #969EA4;
 border-bottom:1px solid #969EA4;
 background:url("../image/edit/navbg.gif") repeat-x center top;
}
#divManage h3{
 text-align:center;
 padding:10px;
 margin:0;
}
#divManage ul{
 margin:0 0 0 0;
 padding:0 0 0 0;
}
#divManage li{
 float:left;
 margin: 0 0 0 0;
 padding:0 0 0 0;
 list-style-type:none;                                设置列表项目使用预计标记
 list-style-position:outside;                         声明列表标志相对于列表项的位置 
 background:url("../image/edit/navbg2.gif") no-repeat right top;
}
#divManage a{
 float:left;
 padding:5px 8px 3px 8px;
 margin:0;
 font-weight:normal;                                  设置文本元素的字体粗细
 text-decoration: none;                               字体的装饰效果  
 height:16px;
}
#divManage a:link {
 color:black;
 text-decoration: none;
}
#divManage a:visited {
 color:black;
 text-decoration: none;
}
#divManage a:hover {
 color:white;
 background:#DC143C;
}
#divManage a:active {
 color:white;
 background:#DC143C;
}
#divMain{
 width:100%;
 padding:0;
 text-align:left;
float:left!important;         
float:none;
}
#divMain2{
 padding:10px 3% 10px 2%;
 text-align:left;
 width:95%;
float:left!important;
float:none;
}
div.Header{
 padding:6px 0 0 2%;
 margin:0;
 width:98%;
 background:#CFD9DF;
 height:22px;
 text-align:left;
 font-size:16px;
}
div.SubMenu{
 padding:0px;
 margin:0px;
 width:100%;
 background:#DAE3E8;
 text-align:left;
 float:left;
 font-size:0;
}

div.SubMenu span {
 float:left;
 padding:2px 2px 2px 5px;
}

div.SubMenu span.m-left {
 float:left;
}
div.SubMenu span.m-right {
 float:right;
}

div.SubMenu span a:hover {
 border:1px solid #91ADBF;

}
div.SubMenu span a:active {
 border:1px solid #91ADBF;
}

div.SubMenu span a{
 font-size:12px;
 border:1px solid #FFFFFF;
 padding:4px 5px 3px 5px;
 float:left;
}

div.SubMenu span.m-now a{
 background:#FFFFFF;
 border:1px solid #FFFFFF;
 margin-bottom: -2px;                                      设置对象的下外边距
 border-bottom:3px solid #FFFFFF;
}

div.form{
 width:95%;
 margin:10px 3% 10px 2%;
}
#edit{
 border:1px solid #91ADBF;
 margin:4px 0 4px 0;
 width:auto;                                              设置元素的宽度尺寸 
 padding:5px;
 text-align:left;
}
#txaContent {
 height:300px;
 width:715px;
 line-height:160%;
}
#txaIntro {
 height:120px;
 width:715px;
 line-height:160%;
}
#edtTrackBack{
 width:585px;
}
#btnSend{
 width:120px;
}
#edtTitle{
 width:340px;
}
#edtTag{
 width:340px;
}
select.edit{
 width:345px;
}
select.full{
 width:100%;
}

 

 

 


#divUBB{
 padding:0 0 0 0;
 width:715px;
 padding:5px;
}
#filesnd{
 padding:0 0 0x 0;
 width:715px;
}
#divUBB p{
 background:#f0f0f0;
}
#divUBB ul{
 list-style-type:none;
 list-style-position : outside;
 margin:0 0 0 0;
 padding:4px 1% 2px 1%;
 width:98%;
 float:left;
 clear:both;
}
#divUBB ul li{
 float:left;
 margin:2px 0 0 5px;
 white-space:nowrap;                                          设置空格字符的处理方式     
}
#divUBB img.separator{
 margin:0 0 0 2px;
 background:url();
 padding:0;
 width:2px;
 height:22px;
}
#divUBB img{
 background:url("../image/edit/button.gif");
 padding:3px 4px 3px 3px;
 height:16px;
 width:16px;
 cursor:pointer;                                              设置光标经过对象时的样式
}
#divUBB span{
 cursor:pointer;
}
#ulTag{
 line-height:160%;                                            定义文本中字母的间距
 table-layout: fixed;                                         设置显示表格布局的算法      
 word-wrap:break-word;
 width:700px;
}
#ulUBB{
 border-bottom:1px solid #91ADBF;
 border-left:1px solid #91ADBF;
 border-right:1px solid #91ADBF;
}
#ulHtml{
 border-top:1px solid #91ADBF;
 border-left:1px solid #91ADBF;
 border-right:1px solid #91ADBF;
}

 

 

 


body.login{
 margin:0;
 padding:0;
 background-color:#EDF5FB;
}
#frmLogin{
 position:absolute;                                     设置对象的定位方式 
 left: 50%;
 top: 50%;
 margin: -150px 0px 0px -200px;
 padding:0;
 overflow:hidden;
 width:400px;
 height:300px;
 background-color:white;
 border:1px solid #B3C3CD;
}
#frmLogin ul{
 margin:0;
}
#frmLogin h3{
 padding:10px 0 5px 0;
 margin:1px 1px 30px 1px;
 text-align:center;
 color:black;
 background:#A1B0B9;
}
#frmLogin select{
 width:225px;
}
#frmLogin input{
 width:220px;
}
#frmLogin #edtCheckOut{
 width:140px;
}
#frmLogin li{
 margin:5px 0 15px 0;
 padding:0 20px 0 20px;
 list-style-type:none;
 text-align:center;
}
#frmLogin table {
 border-collapse:separate;
 border:0;
 background:none;
}
#frmLogin td{
 border:0;
 margin:0;
 padding:5px;
}


div.tabs-div{
 border:1px solid #91ADBF;
}

div.theme-now{
 margin:5px;float:left;width:210px;background-color:#CFE0ED;border:1px dotted #91ADBF;
 white-space: nowrap;
 text-overflow:ellipsis;
 overflow: hidden;                                   设置对象内容溢出的处理方式 
}

div.theme-other{
 margin:5px;float:left;width:210px;border:1px dotted #91ADBF;
 white-space: nowrap;
 text-overflow:ellipsis;
 overflow: hidden;
}

div.theme-now img,div.theme-other img{
 background-color:#ffffff;border:1px solid #91ADBF;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 300px;
 height: 60px;
 overflow: hidden;
}

#scroller {
// Additional Styles
}

/* Scoller Box */

/* At the end of the CSS File */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
 overflow: auto;
}
#ulTag a{
 display:inline;
 margin:0 4px 0 0;
 padding:2px;
 white-space: nowrap;
}
#ulTag a.selected{
 color:white;
 background:gray;
}


div.grippie {
 background:#EEEEEE url("../image/edit/grippie.png") no-repeat scroll center 2px;
 border-color:#DDDDDD;
 border-style:solid;
 border-width:0pt 1px 1px;
 cursor:s-resize;
 height:9px;
 overflow:hidden;
}
.resizable-textarea textarea {
 display:block;                                              标识在网页中显示的内容 
 margin-bottom:0pt;
 width:95%;
 height: 20%;
}

本文源于漂博远方 ：http://www.ycdsk.com/, 原文地址：http://www.ycdsk.com/post/30.html