本周学习的东西比较少,因为也要准备开学考试,本周将老师所留的PTA程序设计实验进行了结尾,并对CSS代码中的三个重要方面进行了学习,常规流,浮动。
对于常规流,就是属于我们平常所写的一些代码,在这里我们了解了盒子的包含块,等于其父元素的内容盒;我学习了块盒,对于在块盒中,我知道了每个块盒的宽度必须等于包含块的宽度,且在常规流中如果块盒要在包含块中居中,我们可以设置定宽,然后左右margin设置为auto 上下为0;且每个块盒垂直方向的auto值自适应内容的高度;并且我们在进行百分比取值的时候,无论是padding width margin百分比的对象是包含块的宽度;且在两个常规流块盒中,上下外边距相邻时会发生外边距的合并。
对于浮动,他主要应用于文字环绕和横向排列,语法为float:right、left、none。
在一个元素浮动之后,他必定为块盒,浮动元素的包含块和常规流一样为父元素的内容盒,而且在浮动盒子和常规流盒子间存在一种关系:如果常规流盒子在前,之后所写的浮动盒子会避开常规流盒子;反之常规流盒子会无视浮动盒子;在浮动这里有一个重要的知识点就是容易发生高度坍塌的问题,源于常规流盒子的自动高度,在计算时,不会考虑浮动盒子,对于高度坍塌,我们通常设置一个css语法来进行调用,clearfix::after{content:"";display:block;clear:both;}