前端的一些CSS样式

styles.css

body,p{
margin:0;
padding:0;
background:#fff;
font:12px/15px tahoma; 
}


td{font: 18px MircosoftYahei ;}

img{border:0; float:left;}
.flt{float:left;}
.flr{float:right;}
.clr{clear:left;}
.ds{display:inline;}

#main_block{width:1364px; text-align:left; }
#sub_block1{width:1364px; text-align:left; }
#top_block{ width:1364px; float:left; padding-top:0; background:#007A87;}
#content_block{ width:1364px;height:580px;background:#EEE; }
#login_block{ width:1364px; height:250px;float:left; background:#FFF; padding-top:50px;padding-bottom:50px; }
#showVote{width:1364px; height:500px;float:left; background:#FFF; padding-top:100px; }
#left_block{ float:left; width:420px;}
#right_block{ width:820px; float:right; margin:30px 16px 0 0;display:inline; }
#sub_block2{width:1364px;text-align:left;}
#footer_block{ width:1364px; float:left; background:#EEEEEE; padding:5px 0 20px 0;}

/*top*/
.banner_img{ background:url(../images/banner1.jpg) no-repeat left; 
      width:1364px; 
      height:222px; 
      float:left;}
.top_txt {
    float:right ;
    padding: 80px 80px;
    font: 40px MircosoftYahei ;
    font-weight : bold ;
    color : #4cc1e8 ;

}

/*center*/
.txt{font: 20px MircosoftYahei ; font-weight : bold }

.content {
        width:99%;
        height:auto;
        background-color:#FFFFFF;
        margin:5px auto 5px auto;   

    }

/*footer*/
.cpy{ color:#36240C; font:16px Trebuchet MS; float:left; margin-left:500px; width:680px;}
.cpy a{ color:#000000; font:11px Trebuchet MS; }
.ftr_nv{ margin-left:220px; width:700px; float:left;}
.ftr_nv a{ color:#36240C; font: bold 12px Trebuchet MS; float:left; padding:0 13px; text-decoration:none;}
.ftr_nv span{ color:#36240C; font: bold 12px Trebuchet MS; float:left; padding:0 13px;}
.ftr_nv a:hover{  text-decoration:underline; } 

main.css

.main {

        width: 100%;
        background-color: #FFFFFF;
        height:auto;
        font-family:Georgia, "Times New Roman", Times, serif;

    }
    .head {

        width:99%;
        margin:5px 1px 0 1px;
        height:100px;
        background-color:#F5F5F5;

    }
    .logo1 {
        width:30%;
        height:50px;
        margin-left:10px;
        font-size:30px;
        color:blue;
        font-weight:bold;
        text-align:center;



    }
    .logo2 {

        width:60%;
        height:50px;
        color:#1E90FF ;
        font-size:18px;
        text-align:left;
        float:right;



    }
    .nav {
        width:99%;
        height:30px;
        background-color:#3a76cf ;
        margin:auto;    
    }   
    .content {
        width:99%;
        height:auto;
        background-color:#FFFFFF;
        margin:5px auto 5px auto;   

    }
    .copyright {
        width:100%;
        height:80;
        background-color:#F5F5F5;
        font-size:12px;
        color:#4169E1;
        margin:5px auto auto auto;
        text-align:center;  

    }

    .font_1 {
        font-size : 16px;
        font-weight:bold;

    }
    .font_2 {
        font-size : 12px;


    }
    .space {

        background-color : #FFFFFFF;
        width : 100%;
        height : 150px;
    }

table样式
    <table width="100%" align="center">
    <tr>

    <td bgcolor="#FFFFFF">
        <table width="99%" align="center" bgcolor="#FFFFFF" cellspacing="1">    
        <tr bgcolor="#EEEEEE" height="40">
            <td width="5%" style="font-size:14px;font-weight:bold">书号</td>
            <td width="30%" style="font-size:14px;font-weight:bold">书本名称</td>
            <td width="15%" style="font-size:14px;font-weight:bold">作者</td>
            <td width="15%" style="font-size:14px;font-weight:bold">出版社</td>
            <td width="5%" style="font-size:14px;font-weight:bold">价格</td>
            <td width="10%" style="font-size:14px;font-weight:bold">库存</td>
            <td width="10%" style="font-size:14px;font-weight:bold">购买数量</td>
            <td width="5%" style="font-size:14px;font-weight:bold">购买</td>
        </tr>
        </table>

    </tr>
    </table>