欢迎进入红数信息技术有限公司官网
4008088160
现在的位置:首页 > 发布网络推广公司-营销推广 > CSS样式单写作标准
CSS样式单写作标准
信息来源:湖南优度网络公司  发布日期:2014/11/20 浏览数量:879
文章导读: ...

/* BODY 设置整个页面的背景色、缺省字体颜色 */
BODY
{
background-color:#EFF1F0;
COLOR:black;
FONT-SIZE:9pt;
FONT-FAMILY: 宋体,新宋体,宋体-18030, verdana, arial, helvetica, sans-serif;
margin-top:2px;
margin-left:2px;
margin-right:2px;
margin-bottom:1px;
}

/* 整个页面的DIV样式,页面里面的内容都放在这个里面 */

.PageDiv{ text-align:center;width:100%;background-color:#FFFFFF}

/* 整个页面的table的样式,页面里面的内容都放在这个里面 */

#idFrameTable { width:770px;background-color:#EEF0ED}

/* 版权部分的样式 */
.footer { color:#FFFFFF;background-color:#52B253;padding:1px}

/* 更多页面中左边列的样式和右边列的样式 */
.MoreTdLeft { background-color:#FEFFEF}
.MoreTdRight { background-color:#FFFFFF}

/* "本系统技术提供者"部分的样式 */
.DIVTechSupport,.FONTTechSupport { background-color:#52B253;color:#FFFFFF }

/* 中间左、右两个分割条的设置 */
.RightStrip{ padding:2px;background-color:FFFFFF;}
.MiddleStrip{ padding:2px;background-color:FFFFFF}

/* 电子月历 */
.CalendarInputText {width:50%;border:1px solid gray;}
.CalendarSubmitButton {padding-top:2px;width:58px;height:22px;font-size:9pt}
.CalendarTable {font-size:9pt;border:1px solid #006666}
.CalendarHead {font-weight:bold;background-color:#FDD979;height:22px; }
.CalendarWeek {background-color:#F5F7F6;font-weight:bold}
.CalendarSunday {background-color:#F5F7F6}
.CalendarNormalDay {background-color:#FFFFFF}
.CalendarHotDay {background-color:#80A8FF}
.CalendarFoot {background-color:#FDD979}
.CalendarLink {color:#000099}

/* 各部分间距的设置 */

.SpacingTop{ padding:0px;background-color:#FFFFFF}
.SpacingNav { padding:0px}
.SpacingMiddle { padding:0px;background-color:#FFFFFF}
.SpacingLeft { padding:2px;background-color:#FFFFFF}
.SpacingRight { padding:2px;background-color:#FFFFFF}
.SpacingBanner{padding:2px;}
.SpacingBottom{padding:0;}
.SpacingFooter{padding:0;}

/* 内容块标题部分的样式 */
.WebPartCaptionTop {font-size:10.5pt}
.WebPartCaptionLeft {color:#FFFFFF;font-weight:bold;vertical-align: bottom;}
.WebPartCaptionMiddle {font-size:10.5pt}
.WebPartCaptionRight {font-weight:bold;color:#FFFFFF}
.WebPartCaptionBottom {font-size:10.5pt}

/* 内容块标题部分的样式 */
.WPTitleTopTable {}
.WPTitleLeftTable {}
.WPTitleMiddleTable {}
.WPTitleRightTable {}
.WPTitleBottomTable {}

.WPTitleTopTdLeft {}
.WPTitleMiddleTdLeft {}
.WPTitleLeftTdLeft {}
.WPTitleRightTdLeft {}
.WPTitleBottomTdLeft {}

/* 各个区域中,内容块之间的间距 */
.SpacingWPTop {}
.SpacingWPBottom {}
.SpacingWPLeft { padding:2px}
.SpacingWPRight { padding:2px}
.SpacingWPMiddle { padding:2px}

/* Banner 区域中Tbale,tr,td的样式 */
.WPBannerTable { background-color:white}
.WPBannerTD {}
.WPBannerTR {}
.WPBannerRight {}


/* 版权区域中Tbale,tr,td的样式 */
.WPFooterTable { color:#FFFFFF;}
.WPFooterTD { }
.WPFooterTR {}


/* HR 的默认样式 */
HR{ COLOR:white;height:1px;width:100%}

/* A 的默认样式 */
A { COLOR:#000070;TEXT-DECORATION:underline; }
A:visited { COLOR:#7F7F7F; TEXT-DECORATION:underline; }
A:active { COLOR:#0000CC; TEXT-DECORATION:none; }
A:hover{ COLOR:#CC0000; TEXT-DECORATION:underline;}

/* TD 的默认样式 */
TD{ FONT-SIZE:9pt;}

/* 导航条的链接样式 */
A.NavLink{ COLOR: #FFFFFF; TEXT-DECORATION: underline;}
A.NavLink:visited{ COLOR: #FFFFFF; TEXT-DECORATION: underline;}
A.NavLink:hover{ COLOR: #FFFFFF; TEXT-DECORATION: none;}
A.NavLink:link{ COLOR: #FFFFFF;}
A.NavHighlight{ COLOR: #FF9900; TEXT-DECORATION: underline;font-weight:bold}
A.NavHighlight:visited{ COLOR: #FFFF00; TEXT-DECORATION: underline;}
A.NavHighlight:hover{ COLOR: red; TEXT-DECORATION: none;}
A.NavHighlight:link{ COLOR: red; TEXT-DECORATION: underline;}

/* 导航条下面背景的样式 */
.NavbarBottomBg { background:url(../../Documents/home/navbg.gif) no-repeat center left; }

/* 导航条表格的样式 */
.NavTable{ BACKGROUND-COLOR:#45B947;}
.NavTr{}
.NavTd
{
PADDING-TOP: 3px; PADDING-BOTTOM: 2px;
TEXT-ALIGN: center; BACKGROUND-COLOR: #;
PADDING-LEFT: 4px; PADDING-RIGHT: 4px;
font-weight:bold;
}

/* 导航条表格中当前页面的样式 */
.NavHighlightTd
{
PADDING-TOP: 3px; PADDING-BOTTOM: 2px;
TEXT-ALIGN: center; BACKGROUND-COLOR: #;
PADDING-LEFT: 4px; PADDING-RIGHT: 4px;
}

/* 分割条背景的颜色 */
.SpacerBgColor{}

/* 页面最外层的表格的样式 */
.DashLayoutTable{border:0px}
.DashLayoutTr{}
.DashLayoutTd{}


/* Dashboard “顶”区域的设置 */
.DashTopTable{background-color:"#FFFFFF"}
.DashTopTr{}
.DashTopTD{}

/* Dashboard 三个中间区域的设置 */
.DashThreeBodyTable{padding:0px}
.DashThreeBodyTr{}
.DashThreeBodyTDLeft{background:url(../../Documents/home/leftbg.gif);padding:0px;border-left:2px solid #45B947;border-right:1px dotted #949693;}
.DashThreeBodyTDMiddle{ BACKGROUND-COLOR: #FFFFFF;text-align:center}
.DashThreeBodyTDRight{BACKGROUND-COLOR: #FFFFFF;text-align:center}

/* Dashboard “脚”区域的样式 */
.DashBottomTable{BACKGROUND-COLOR:FFFFFF}
.DashBottomTr{}
.DashBottomTD{}

/* Dashboard “版权区”表格样式 */
.DashboardFooterTable { BACKGROUND-COLOR:#52B253;width:100%;}
.DashboardFooterTd { color:#FFFFFF;padding:10px;}
.DashboardFooterTr { }

/* 各个区域中,内容块标题的样式 */
.WPTitleLeftTable
{
Background-color:#A9E172;
BORDER: 3px double #97D574;
padding-left:2px;
padding-top:3px;
padding-bottom:1px;
}

.WPTitleTdLeft { PADDING-LEFT: 3px; vertical-align: bottom; }
.WPTitleLeftTr{Background-color: }
.WPTitleLeftTdLeft{ }
.WPTitleLeftTdRight{ }
.WPTitleRightTable
{
Background-color:#A9E172;
BORDER: 3px double #97D574;
padding-left:2px;
padding-top:3px;
padding-bottom:1px;
}

.WPTitleRightTr{ PADDING-TOP: 3px;}
.WPTitleRightTdLeft{}
.WPTitleRightTdRight{}
.WPTitleMiddleTable
{
Background-color:#E5F9C8;
padding-left:2px;
padding-top:3px;
padding-bottom:1px;
}

.WPTitleMiddleTr{ PADDING-TOP: 3px;}
.WPTitleMiddleTdLeft{}
.WPTitleMiddleTdRight{}
.WPTitleTopTable
{
BORDER: #C36700 SOLID ; border-width:0px 0px 0px 0px;Padding="1px";
}

.WPTitleTopTr{ PADDING-TOP: 3px;}
.WPTitleTopTdLeft{}
.WPTitleTopTdRight{}

.WPTitleBottomTable
{
Background-color:#E4F8C7;
BORDER: #C36700 SOLID ; border-width:0px 0px 0px 0px;Padding="1px" ;
}

.WPTitleBottomTr{ PADDING-TOP: 3px;}
.WPTitleBottomTdLeft{}
.WPTitleBottomTdRight{}

/* 内容块标题链接的样式 */
A.WPTitleLink{ COLOR: white;}
A.WPTitleLink:visited{}
A.WPTitleLink:link{}
A.WPTitleLink:hover{}

/* 内容块标题的样式 */
#WebPartCaption
{
COLOR: black;
FONT-WEIGHT: ;
LETTER-SPACING: 0px;
}

/* 内容块内容表格的样式 */
.WPContentTable{}
.WPContentTr{}
.WPContentTd{}

/* 列表图标为文字时,文字的样式 */
.Symbol{font-size:5pt;}

相关信息
  • 网络营销培训
  • 微网站
  • 扫二维码
  • 1
  • 2
  • 3
  • 最新上传
  • 精品案例
18973218026
其他业务合作请发下面邮箱
邮箱:254596208@qq.com
地址:湖南省湘潭市岳塘区霞光东路58号(维也纳酒店6楼)
营销型网站建设扫一扫关注官方微信

关注优度

官方微信
官方微博
官网首页