day3

今天从开始学习了三天了已经，进度已经到了利用css来修饰div,从而可以简单的进行网页制作。

 

/* CSS Document */
/* 初始化代码开始*/
html, body, div, span, object, iframe,h1, h2,
h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn,
em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd,
ol, ul, li,fieldset, form, label, legend,table, caption, tbody,
tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary,time, mark,
audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
outline-style:none;/*FF*/
}

body {
line-height:1;
}

a{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;

}
a:hover,a:focus{
text-decoration:none;
bblr:expression(this.onFocus=this.blur());/*IE*/
outline-style:none;/*FF*/
}
table {
border-collapse:collapse;
border-spacing:0;
}

input, select {
vertical-align:middle;
}

/*css为clearfix，清除浮动*/
.clearfix::before,
.clearfix::after{
content: "";
height: 0;
line-height: 0;
display: block;
visibility: hidden;
clear: both;
}
.clearfix:after{clear:both;}
.clearfix{
*zoom:1;/*IE/7/6*/
}
/* 初始化代码结束*/
/* 头部开始*/
.index{ width:1007px;
height:1324px;}
.header{ width:1007px;
height:440px;
background:#006;}
.content{ width:1007px;
height:509px;
background:#F00;}
.footer{ width:1007px;
height:370px;
background:#0FF;}
.header-top{ width:1007px;
height:107px;
background:#C00;}
.header-center{ width:1007px;
height:54px;
background:#00C;}
.header-footer{ width:1007px;
height:279px;
background:#066;}
.nav>li{float:left;
list-style:none;
height:54px;
width:106px;
background:url(../images/bavbg.gif);
text-align:center; line-height:54px;}
#home{ width:53px;
background:url(../images/bavbg-2.gif); }
.nav>li:hover{ background:url(../images/bavbg-3.gif);}

.nav1{ position:absolute;
display:none;}
.nav1>li{ float:none;
list-style:none;
background:url(../images/bavbg-4.gif);}
.nav:hover .nav1{ display:block;}