Home >Web Front-end >HTML Tutorial >1.DIV CSS exercises_html/css_WEB-ITnose
body {/* padding:0; margin : 0;*/}
#head {
/* Margin: 0; Height: 99px;
Background-Image: URL ("Images/Guagua_01.jpg" );
background-repeat:no-repeat;
background-position:center center; margin from the left, margin from the top
*/
/*background:url("images/guagua_01.jpg") left bottom no-repeat; Another way of writing*/
/*background-color:#F00; Red
float:left;
*/
}
div > border :1px solid #ccc; width:50px; height:50px;
*/
}
#container
{
width:560px;
padding:5px;
margin:0 auto;/* Centered (a very common function), but it must be used in conjunction with the two statements above the Html tag, and like < ;Center>This function is rarely used anymore*/ >{ width:100px; height:100px; border:1px solid #ccc; }
#left { float:left; width:400px; }
> #right { float:right; }.clear{clear:both;} /* Because of the floating relationship, it needs to be added, otherwise other DIVs will be separated from the Container DIV. All websites are solved in this way. */.