@charset "utf-8";
/* CSS樣式重置*/
/*重置margin，padding，對(duì)齊方式，字體樣式
----------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-family: inherit;
 font-size:100%;
 text-align: left;
 vertical-align: baseline;
}

/*圖片邊框清空*/
img,a img {border:none;}

/*表格重置*/
table {border-collapse: collapse; border-spacing: 0;}

/*引號(hào)*/
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/*global
----------------------------------*/
body, p, td, th, li
{
 font-family: 'Lucida Grande', 'Lucida Sans Unicode',sans-serif;/*字體樣式*/
 font-size:12px;/*字體大小*/
 line-height:2;/*字體行高*/
 color:#000000;/*字體顏色*/
}
ul{list-style-type:none;}
a:link,a:visited { text-decoration:none;}
strong  {font-weight:bold;}
em  {font-style:italic;}

/*公用樣式
---------------------------------*/
.left   {float:left;}
.right   {float:right;}
.clearThis  {clear:both;}
.small  {font-size:.625em;}
.large  {font-size:1.25em;}
.hide  {display:none;}

/*公用 Margin
---------------------------------*/
.ma5 { margin:5px;}
.mt5 { margin-top:5px;}
.mr5 { margin-right:5px;}
.mb5 { margin-bottom:5px;}
.ml5 { margin-left:5px;}
.ma10 { margin:10px;}
.mt10 { margin-top:10px;}
.mr10 { margin-right:10px;}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.ma20 { margin:20px;}
.mt20 { margin-top:20px;}
.mr20 { margin-right:20px;}
.mb20 { margin-bottom:20px;}
.ml20 { margin-left:20px;}

/*公用 padding
---------------------------------*/
.pa5 { padding:5px;}
.pt5 { padding-top:5px;}
.pr5 { padding-right:5px;}
.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.pa10 { padding:10px;}
.pt10 { padding-top:10px;}
.pr10 { padding-right:10px;}
.pb10 { padding-bottom:10px;}
.pl10 { padding-left:10px;}
.pa20 { padding:20px;}
.pt20 { padding-top:20px;}
.pr20 { padding-right:20px;}
.pb20 { padding-bottom:20px;}
.pl20 { padding-left:20px;}

/* 自定義布局 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*background
--------------------------------*/
.bg1 {}
.bg2 {}
.bg3 {}

/*borde
--------------------------------*/
.border {}

/* 布局代碼
          網(wǎng)頁(yè)總體寬度
--------------------------------*/
.w960 { display:block; overflow:hidden; margin:0 auto; _height:1%;  width:960px;}
.w660 { display:block; overflow:hidden; _height:1%; width:660px;}
.w270 { display:block; overflow:hidden; _height:1%; width:270px;}
.mainbox { display:block; overflow:hidden; clear:both; _height:1%;} /*解決IE FF 自身長(zhǎng)的問(wèn)題，用于box內(nèi)有浮動(dòng)的層，無(wú)浮動(dòng)不用*/

/* 基本布局
--------------------------------*/
.top {}
.header {}
.mainnav {}
.main {}
.footer {}
.link{}
/* top
--------------------------------*/
.top {}

/* header
--------------------------------*/
.header {}

/* mainnav
--------------------------------*/
.mainnav {}

/* main
--------------------------------*/
.main {}

/* 標(biāo) 題
--------------------------------*/
.titlebox {}
.title {}

/* 列 表
--------------------------------*/
ul.list {}
ul.list li {}
ul.list li a {}

/* 欄目
--------------------------------*/

• css
• 布局