前端基础班的学习已经完结了,今天刚考完试,明后天休息,坐等就业班.
总的来说,基础班还是学到不少东西的.简单说一下盒子模型.
我们都知道,对于一个盒子,我们要考虑里面所包裹内容的大小,还有盒子的内外边距,以及盒子边框.我们在一开始写的时候,一旦给定了盒子宽高,后面却还要根据要求的效果来调整样式,因为内边距会撑大盒子,,这下子就要开始各种padding、margin来调试和计算,经常哎呀左边距离多了,哎呀上面距离不够.....纠缠于数字仿佛搭积木,可能表面上看是差不多,但页面实际上呈现的却总有一点偏离.这时候 [抓头发] [抓头发]
不过老话说的好,技术总是在进步.
css3盒子模型出现了.现在只需要在样式里写上{ box-sizing: border-box;},我们就不需要担心盒子再变大了.可以随心所欲的给盒子加padding、border等等.
再有一个要说的就是浮动,我们在使用左右浮动的时候,经常会遇到后面的元素顶上来的情况,怎么解决呢?我们开始是用overflow:hidden或者隔墙法来处理,但也可以用伪类元素来解决.我们可以在样式里写上这几行代码:.clearfix::after{
                        content:"";
                        height:0;
                        display: block;
                        visibility: hidden;
                        clear:both;}
                .clearfix{
                        *zoom:1;}
这样,当我们需要的时候,直接在父盒子里调用.clearfix这个类名就ok了.
最后的最后,定位是重点.我们在写页面的时候,最常遇到的就是定位,其中最特别的就是绝对定位.千万要记得子绝父相.子绝父相.子绝父相.重要的事情说三遍.只有子绝父相或者子绝父绝,才能达到所预期想要的效果,不然这绝对定位就跑了.

前端基础班的学习已经完结了,今天刚考完试,明后天休息,坐等就业班.
总的来说,基础班还是学到不少东西的.简单说一下盒子模型.
我们都知道,对于一个盒子,我们要考虑里面所包裹内容的大小,还有盒子的内外边距,以及盒子边框.我们在一开始写的时候,一旦给定了盒子宽高,后面却还要根据要求的效果来调整样式,因为内边距会撑大盒子,,这下子就要开始各种padding、margin来调试和计算,经常哎呀左边距离多了,哎呀上面距离不够.....纠缠于数字仿佛搭积木,可能表面上看是差不多,但页面实际上呈现的却总有一点偏离.这时候 [抓头发] [抓头发]
不过老话说的好,技术总是在进步.
css3盒子模型出现了.现在只需要在样式里写上{ box-sizing: border-box;},我们就不需要担心盒子再变大了.可以随心所欲的给盒子加padding、border等等.
再有一个要说的就是浮动,我们在使用左右浮动的时候,经常会遇到后面的元素顶上来的情况,怎么解决呢?我们开始是用overflow:hidden或者隔墙法来处理,但也可以用伪类元素来解决.我们可以在样式里写上这几行代码:.clearfix::after{
                        content:"";
                        height:0;
                        display: block;
                        visibility: hidden;
                        clear:both;}
                .clearfix{
                        *zoom:1;}
这样,当我们需要的时候,直接在父盒子里调用.clearfix这个类名就ok了.
最后的最后,定位是重点.我们在写页面的时候,最常遇到的就是定位,其中最特别的就是绝对定位.千万要记得子绝父相.子绝父相.子绝父相.重要的事情说三遍.只有子绝父相或者子绝父绝,才能达到所预期想要的效果,不然这绝对定位就跑了.