网页头部样式

       **网页头部**

#body
{
background-color: black;
}

#head
{
float:left;
margin: 20px 0px 0px 200px;

}
#typeface
{
color: white;
font-size:25px;
float:left;
margin: 30px 0px 0px 20px;

}

.ul-a
{
list-style: none;
margin-right: 200px;
}
.ul-a a
{
color: white;
text-decoration: none;
}
li
{
float: right;
margin: 30px 30px 0px 0px;
}
#header:after
{
content: “”;
clear: both;
display: block;
}

#picture
{
color: white;
position: relative;
text-align: center;
}

#picture div
{
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background:grey;
padding:200px 300px;
}

主要用 header 来清除浮动