第二 ,应该要及时的复习和预习
虽然老师讲的很透彻,但是光是能听懂,和自己能写出来,很好的运用是两码事情,所以我们大家,最好要抽出时间,进行预习和复习。
接下来我觉得在这些天CSS学习中比较重要的浮动
CSS技术使用float属性实现浮动效果
该属性可以有下列取值:
left,控制块级元素左浮动。
right,控制块级元素右浮动。
属性说明:我们都知道,块级元素之间默认情况下是独占一行的。也就是说,两个在代码中紧密相连的块级元素,它们的摆放位置是一个在上一行,另一个在下一行。尽管通过width和height属性为块级元素设置了大小,使得块级元素无法占满整个行,但是块级元素右侧空余的位置仍然不允许出现任何内容。
一浮全浮可以快速记忆,不然会对下面的布局产生影响
接下来的就是清除浮动
一般是以下方法解决
为什么清除浮动用浮动布局的时候我们必须要嵌套一个父级盒子,分为以下两种情况:
1、有些父级盒子能够设置固定的高度,一定要设置;
2、有些页面由于页面的需要不能设置高度,所以子元素浮动之后脱离了文档流,父级盒子不会被撑开,会影响我们后面的布局,所以要清除浮动的影响;
清除浮动的方法清除浮动的方法:额外标签法、父级加overflow属性法、使用after伪元素法、使用双伪元素清除浮动;
额外标签法:在浮动元素的末尾添加一个空的标签,也就是找到最后一个浮动的子元素,紧跟着在后面添加一个div盒子设置清除浮动的样式clear:both;
例如:<divstyle=“clear:both;”></div>
书写方便,但是会添加许多没有意义的标签,不建议使用;