div+css学习2

第二讲 div+css标准布局
优点：内容和样式分离

 

 

margin：外边距
举例：
.bianju{
margin-top:40cm;
margin-left:10cm;
margin-right:10cm;
margin-bottom:15cm;
}
或者写成：
.bianju{
margin:1cm 2cm 3cm 4cm;  (左右上下)如果只写一个，是4边都是一个固定的值
margin:auto             (可自动调整)
}
padding：内边距
举例：
td{
padding-top:40cm;
padding-left:10cm;
padding-right:10cm;
padding-bottom:15cm;
}
或者写成：
td{
padding:1cm 2cm 3cm 4cm; 具体内容同margin
}

float
对齐方式（漂浮的属性）
取值：float:left|right|none
举例：
上面部分：
.one{
 float:right;
}
下面部分：
<p class="one">aaaa</p>
clear：
清除漂浮
取值：clear：left|right|both|none