您的位置: 河池信息港 > 金融

CleanCSSCSS分析以及优化利器分

发布时间:2019-03-23 15:49:34

CleanCSS — CSS分析以及优化利器

CleanCSS 是一款基于web的CSS分析以及优化应用程序;可以帮助设计者对CSS中的属性进行优化以及对拼写中的错误进行高亮检测;众所周知,好的DIV+CSS布局不仅可以美化站,更能深度影响到站的在浏览器中的载入速度;因此,一个精明的设计者,在编写好CSS代码以后对其进行CSS瘦身是一道必不可少的工序;类似的服务还有CSS Optimizer 等。

点击进入

h1 { font-size:14px; font-weight:bold; color:#fff;}

/*================页首布局=======================/*/

#header { margin:0 auto; width:984px; background-color:#}

#topbar { background:url(../images/zmxz_f) center top no-repeat; height:29px; }

#banner { width:1004; height:auto; text-align:left;}

#banner .bar { background:url(../images/zmxz_f) left top repeat-x; height:55px;}

#mainnav { background:url(../images/zmxz_f) left top repeat-x; height:46px; line-height:46px; text-align:center;font-size:14px; font-weight:bold; color:#FFCC00;}

#mainnav a:link,#mainnav a:visited {font-size:14px; font-weight:bold; color:#FFCC00;}

#mainnav a:hover { color:#000000; text-decoration: none;}

#mainnavbar { height:35px; background-color:#c92e10; border-top:#fc754b 1px solid;}

#mainnav2 {background: url(g) repeat-x 0 0; height:36px; line-height:36px; text-align:center;font-size:14px; font-weight:bold; color:#FFCC00;}

.mainnavul { list-style-type:none; padding-left:18px; }

.mainnavul li { list-style-type:none; width:91px; float:left; text-align:center; }

.l_pp2 {background: url(g) no-repeat 0 -108px; text-align:center;}

.l_pp1 {background: url(g) no-repeat 50% -144px; text-align:center;}

#Tabs { background-color:#CCCCCC; height:30px;}

/* 链接======================*/

ftnewslink:link,ftnewslink:visited,ftnewslink:active { font-size:12px; font-weight:normal; color:#ffffff;}

ftnewslink:hover { font-size:12px; font-weight: normal; color:#ff9900; text-decoration:underline;}

ftmemulink:link,ftmemulink:visited,ftmemulink:active { font-weight: bold; color:#f8e87c;}

ftmemulink:hover { font-weight: bold; color:#ffffff; text-decoration:underline;}

/* 内容区主体======================*/

#maincontainer { width:972px;height:600px; min-height:600px; height:auto !important;background-color:#e59502; padding:0px; margin:0 auto; border:#e59502 6px solid; clear:both; background:url(../images/g) left top repeat-y #e59502;}

/*左侧======================*/

#sidebar { width:213px; min-height:580px !important;height:auto; background:url(../images/zmxz_f);float:left;}

#lefttopbar { background:url(../images/zmxz_f) no-repeat top left; height:26px; border:0px; padding:0px;}

.leftcolumn { width:213px; background:url(../images/zmxz_g) center top no-repeat; text-align: center; height:28px; line-height:28px;font-size:14px; font-weight:bold; color:#fff;}

.leftcontainer { min-height:150px !important; height:auto !important; width:203px; margin:5px; margin-bottom:5px !important; }

.leftad { width:100%; text-align:center; margin-top:5px;}

.leftbarline { width:9px; float:left; height:100px;}

.leftsidebar { height:25px; line-height:25px; width:100px; float: left; font-size:14px; font-weight:bold; color:#FFFFFF; }

/*右侧内容区======================*/

#rightcontainer { width:744px; float:left; border:#FFFFFF 0px solid; height:auto;}

.rightsidebar { width:744px; height:29px; text-align:left; clear:both;}

.rightcontainer { width:744px; padding:0; margin:0px; min-height:80px !important; height: auto;_height:80px;}

.rightcontainer li { padding:5px; text-align:left; list-style-type:none;}

/*====底部*/

#firendshiplink { width:984px; margin:0 auto; background-color:#e59502; height:38px; line-height:38px;} /*友情链接*/

#footer { width:984px; margin:0 auto; height:100px; background-color:#9c0304;}

#footmemu { width:100%; height:45px; color:#FFFFFF; line-height:24px; background: url(../images/f) top left repeat-x;}

/**/

.dhMarquee {width:200px;height:150px;text-align:left;margin:0px;padding:0px;border:0px solid #000;overflow:hidden;white-space:nowrap;}

.mqdemo {margin:0px;padding:0px;border:0px;}

.newsline {font-size:12px;display:block; height:25px; line-height:25px;}

/*首页*/

.homecompanypic { width:200px; margin-left:8px; text-indent:2em; float:left;}

.homecompanytxt { width:500px; margin-left:8px; text-indent:2em;float:left;}

/* Nav

==========================================================*/

.nav {

width:984px;

position: relative;

margin:0px auto;

background: url(g) no-repeat 0 -36px;

}

.navinner {

background: url(g) no-repeat 100% -72px;

padding-left:12px;

}

.navlist {

height: 36px;

line-height: 36px;

overflow: hidden;

margin: 0 10px;

background: url(g) repeat-x 0 0;

}

.nav li {

float: left;

display: inline;

margin: 0 0 0 -5px;

padding: 0 4px 0 4px;

background: url(g) no-repeat 0 -108px ;

}

.nav a {

display: block;

width: 82px;

text-align: center;

font-size: 120%;

}

.nav a:link, .nav a:visited {

color: #fff;

}

.nav rrent, .nav a:hover, .nav a:active {

color: #fff;

font-weight: bold;

background: url(g) no-repeat 50% -144px;

}

.subnav {

position: absolute;

top: 41px;

left: 0;

float: left;

height: 27px;

line-height: 27px;

white-space: nowrap;

background: url(g) no-repeat 0 -180px ;

}

* html .subnav {

margin: 0 10px 0 -10px; /* IE 6 and below */

}

.subnav p {

padding: 0 10px;

background: url(g) no-repeat 100% -234px;

}

.subnav p span {

display: block;

background: url(g) repeat-x 0 -207px;

}

.subnav inter {

position: absolute;

top: -4px;

left: 0;

height: 5px;

width: 11px;

padding: 0;

margin-left: 20px;

text-indent: -999em;

background: url(g) repeat-x 0 -261px;

}

.subnav a {

display: inline;

padding: 0;

font-size: 100%;

}

[class~= subnav ] a {

padding: 0 3px;

}

.subnav,

CleanCSSCSS分析以及优化利器分

.subnav a:link, .subnav a:visited {

color: #235e99;

}

.subnav a:hover, .subnav a:active {

color: #235e99;

}

.subnav a:hover, .subnav a:active {

font-weight: normal;

background: none;

border-bottom: 2px solid;

}

/* subnav position and pointer position */

#subnav1 { left: 92px; }

#subnav2 { left: 175px; }

#subnav3 { left: 260px; }

#subnav4 { left: 345px; }

#subnav5 { left: 255px; }

#subnav6 { left: 358px; }

#subnav7 { left: 388px; }

#subnav8 { left: 528px; }

#subnav5, #subnav6, #subnav7 {

}

#subnav1 .pointer,

#subnav2 .pointer,

#subnav3 .pointer,

#subnav4 .pointer { left: 30px; }

#subnav5 .pointer { left: auto; right:250px; }

#subnav6 .pointer { left: auto; right: 62px; }

#subnav7 .pointer { left: auto; right: 140px; }

#subnav8 .pointer { left: auto; right: 60px; }

#subnav9 .pointer { left: auto; right: 70px; }

#subnav10 .pointer { left: auto; right: 70px; }

#subnav1, #subnav2, #subnav3, #subnav4 {

min-width: 110px;

}

#subnav5 { min-width: 440px; }

#subnav6 { min-width: 240px; }

#subnav7 { min-width: 130px; }

/* Note

==========================================================*/

.note {

margin: 0 15px 10px;

color:#666666;

}

.note span{

float:right;

}

.disable {

display: none;

}

/*

/*=========页首结束==================*/

/*=========内容开始==================*/

/*=========内容结束==================*/

/*=========页首结束==================*/

/*=========页首结束==================*/

/*=========页首结束==================*/

/*=========页首结束==================*/

/*=========页首结束==================*/

/*=========页首结束==================*/

猜你会喜欢的
猜你会喜欢的