html>
网页头部
脚部
html,
body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
color: white;
text-align:center
}
header {
background-color: #4CAF50;
height: 10%
}
nav {
height: 40%;
width: 100%;
}
footer{
background-color: #;
height: 10%;
background-color: #FFC90E;
}
#computer {
width: 100%;
height: 100%;
background-color: #F36F36;
margin: auto;
}
#mobile {
width: 100%;
height: 100%;
background-color: #00A89C;
}
nav {
-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
transition: width 2s, height 2s, transform 2s;
/*background-color: #F36F36;*/
}
nav:hover {
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}
footer中不写标签则全部贴合在一起