Home > Article > Web Front-end > Evil mermaid DIV CSS_html/css_WEB-ITnose
======================== ========================================
/* CSS Document Public, every website is the same*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form, fieldset,legend,input,textarea,p,blockquote,th,td,em,button{margin:0;padding:0;}
body{font-size:12px;line-height:1.6;font-family: Simsun,sans-serif;color:#000;background:#FFF; width:960px; margin:0 auto; padding:0;}
img,fieldset{border:0;margin:0;padding:0;}
input, textarea{font-size:12px;}
table{border-collapse:collapse;}
a{color:#0055AA; text-decoration:none;}
a:hover{ text-decoration:underline;}
h1,h2,h3,h4,h5{ font-family: "Times New Roman",serif;}
ul{list-style: none;}
dfn{ font-style:normal;}
.layoutfix{display:inline-block;}
.layoutfix{display:block;overflow:hidden;}
.left{float:left;}
. right{float:right;}
f
/* First define an overall size, just like a container, many divs can be placed inside */
.centers{float:left;width:960px;height:1352px ;}
/* Header div */
.top{width:960px;height:101px;float:left;}
.top_logo{width:346px;height:101px;float: left; background:url(images/bg_index.png) no-repeat -65px -143px; }
.top_info{width:289px;height:101px;float:right; background:url(images/bg_index.png) no -repeat -65px -268px;}
/* menu menu div */
.menu{ width:960px; height:41px; float:left;}
.menu_info{width:280px; height:41px ; float:left; background:url(images/bg_index.png) no-repeat -0px 1px;}
.menu_info_02{width:660px; height:41px; float:left; background:url(images/meun_repter.png ) repeat-x}
.menu_info_02 ul{ margin-top:5px; width:660px;}
.menu_info_02 ul li{ float:left; width:80px; font-size:18px; font-weight:bold ; font-family:"Founder Shuti"; color:#FFE9F0}
.menu_info_02 ul li a{ color:#FFFFFF;}
.menu_info_foot{ width:20px; height:41px; float:left; background :url(images/bg_index.png) no-repeat -301px 1px;}
/* flash advertising information div */
.flash{ width:960px; height:260px; float:left; background-image: url(images/info.png); background-repeat:no-repeat;}
/* frame content div */
.info{ margin-top:10px; height:307px; width:960px; float: left;}
.info_bg{ height:307px; width:318px; float:left;}
.info_chujing{ margin-top:1px; height:307px; width:10px; float:left; background :url(images/bg_index.png) no-repeat -466px -310px;}
.info_chujings{ height:307px; width:290px; float:left; background-image:url(images/info_repter_01.png); background -repeat:repeat-x; }
.info_chujingss{margin-top:1px; height:307px; width:10px; float:left; background:url(images/bg_index.png) no-repeat -487px -310px; }
.inf0_bg_title{ margin-top:12px; width:290px; height:23px; float:left; font-size:18px; color:#FFFFFF; font-weight:bolder}
.inf0_bg_row { margin-top:15px; width:290px; height:234px; float:left;}
.inf0_bg_row ul{ }
.inf0_bg_row ul li{ font:12px/22px Arial, Helvetica, sans-serif; }
.inf0_bg_row ul li span{ float:right;}
.inf0_bg_row ul li a{color:#504F50; }
.info_02{ margin-top:6px; height:105px; width:960px; float:left; background-image:url(images/info_02.png); background-repeat:no-repeat}
.info_03{ margin-top:10px; height: 343px; width:960px; float:left;}
.info_03_bg{ height:343px; width:320px; float:left;}
.info_03_bg_title{ width:320px; float:left; height:39px; background:url(images/bg_index.png) no-repeat 0px -47px;}
.info_03_bg_titles{ width:320px; float:left; height:39px; background:url(images/bg_index .png) no-repeat 0px -98px;}
.info_03_bg_titless{ width:320px; float:left; height:39px; background:url(images/bg_index.png) no-repeat 0px -502px;}
.info_03_bg_hr{ margin-top:-2px; width:320px; float:left; height:293px; background-image:url(images/info_hr.png); background-repeat:repeat-y; }
.info_03_bg_hr ul{ margin-left:5px;width:300px; }
.info_03_bg_hr ul li{ float:left; line-height:260%;}
.info_03_bg_hr ul li a{color:#504F50; }
.info_03_bg_hr ul li span{ float:right;}
.info_03_bg_foot { width:318px; float:left; height:16px; background:url(images/bg_index.png) no-repeat 0px -554px;}
/* menu div below */
.menu_02{ margin-top:35px; width:960px; height:44px; float :left;}
.menu_02_top{ width:12px; float:left; height:46px; background:url(images/bg_index.png) no-repeat 0px -141px; }
.menu_02_repter{ width :935px; height:46px; float:left; background-image:url(images/meun02_repter.png); background-repeat:repeat-x; }
.menu_02_repter ul{}
.menu_02_repter ul li{text -align:center; margin-top:12px; float:left; color:#E62668; font-size:12px; width:75px; }
.menu_02_repter ul li a{ color:#E62668;}
.menu_02_foot{ width:12px; float:left; height:46px; background:url(images/bg_index.png) no-repeat -22px -141px; }
/* 版权div */
.foot{ margin-top:10px; height:99px; width:960px; float:left; text-align:center;}
.foot ul{}
.foot ul li{ }