![](https://img.haomeiwen.com/i3668665/2848489c5ce8f38c.png)
![](https://img.haomeiwen.com/i3668665/07e34a1140bd7bf2.png)
这一句引入外部css文件
在html里面写css
<style type="text/css"></style>是在head标签里面
![](https://img.haomeiwen.com/i3668665/1cfcbdcb9fe8ac8c.png)
![](https://img.haomeiwen.com/i3668665/b25739263ff04499.png)
css文件的属性值 必须用冒号隔开
注释为 /* */
其中注释部分为 设置 上、右、下、左边距 (按照顺时针的方向) 。
![](https://img.haomeiwen.com/i3668665/dff8e6bb5511ea7a.png)
就是无论是外边距margin还是padding 都是算在div里面的,上面第一的width是里面实体区域,不算两种边距的
块级元素 都是以新行开始的
设置了float属性以后,就会脱离普通的文档流(布局就是跟当前页面是不同的)
![](https://img.haomeiwen.com/i3668665/ac66bbe898c519f0.png)
![](https://img.haomeiwen.com/i3668665/24d4c16959c18113.png)
盒子3没有写浮动,它会以本来的文档流呈现,即它不知道float的浮动流的两个盒子。
![](https://img.haomeiwen.com/i3668665/fcbd74c5ff9db2ca.png)
当box3添加 clear以后
![](https://img.haomeiwen.com/i3668665/06ca4858e4bbde4a.png)
![](https://img.haomeiwen.com/i3668665/c90a498ab1fa4217.png)
![](https://img.haomeiwen.com/i3668665/f9e296e9a6d9d2d5.png)
网友评论