今天学到的内容

上午的内容

1.1盒子模型附加内容

写入box-sizing:border-box后，给元素border，padding不会改变它的width，height。

<style>
div{
width:200px;
height:200px;
background:red;
box-sizing:border-box;
border:10px solid black;
padding:10px;
}
</style>

1.2导航栏

导航栏.PNG

1.3浮动

float:相对于整个页面漂浮起来。
clear:both; 清除浮动

<style>
.one{
width:100px;
height:100px;
background:yellow;
float:left;
}
.two{
width:200px;
height:200px;
background:yellowgreen;
clear:both;
}
</style>

1.4float和父元素

float和父元素.PNG

1.5NAV

导航.png

1.6布局

布局.png