立即学习“前端免费学习笔记(深入)”;
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; 距离左边的边距,距离上边的边距
*/
/*background:url("images/guagua_01.jpg") left bottom no-repeat; 另一种写法*/
/*background-color:#F00; Red
float:left;
*/
}
div
{
/*
border:1px solid #ccc; width:50px; height:50px;
*/
}
#container
{
width:560px;
padding:5px;
margin:0 auto;/* 居中 (很常用的功能),但要配合Html标签上面那两句声明使用,另外像
border:1px solid #ccc;
}
#left,#right
{ width:100px; height:100px; border:1px solid #ccc; }
#left { float:left; width:400px; }
#right { float:right; }
.clear{clear:both;} /* 因为浮动关系,要加上它,不然其他DIV会脱离Container这个DIV 所有网站都是这样解决的 */
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号