学习第三天

    今天学习了html里面的框模型,然后我们可以把框模型里面的任何一个元素,都可以理解成一个盒子,盒子是可以装“东西”的,里面的东西跟"盒子的包装"有一定的空间,两个盒子或者说多个盒子,盒子之间是不是有一定的"距离"(空间)。

其中盒子模型的组成是:①margin- 外边距-盒子与盒子之间的距离

                   ②border-边框-包装盒 

                   ③padding-内边距-填充物   

                   ④content内容-买好的东西,

    还有定位:其中top,left,right,bottom 只有元素增加定位的情况下才会使用,(相对定位)把它当做老大,(绝对定位)把它当做老二,一般不要去用top,left,right,bottom。 其中元素会脱离文档流,那样的话一般不要去用margin,用top,left,right,bottom,虽然都能达到效果,但是为了开发的方便,代码的简洁。(固定定位)肯定不是同一个爹,因为元素会脱离文档流,使用的场景然后回到顶部,还有侧边栏的广告,也就是说固定定位就是一个纯种的野孩子,没有什么可以管。但只有浏览器的窗口可以管的住,  一般的情况下:相对定位和绝对定位是同时出现的,一般所有的下拉框都是绝对配合着相对定位完成的。

    还有就是学习了浮动:浮动分为两种,左浮动和右浮动, 浮动会脱离文档流,然后浮动的难点就在于清除浮动,(清除浮动):不是清除自身的浮动,而是清除上一个浮动对自身造成影响。
   
    

猜你喜欢

转载自www.cnblogs.com/zcc123/p/10947509.html