感悟

2017年4月最后一周  这是比较忙碌的一周 经过短暂的练习 有学到了一点新的知识

            子级的浮动会导致父级的高度塌陷  在父级里加上块元素格式化overflow:hidden 则自动找回高度  

            若子级移动带动父级块的移动 在父级里加上块元素格式化overflow:hidden 则只有子级移动

           子级超出父级范围 要显示又不能影响其他元素 可在父级里书写 overflow-x:scroll (横向卷轴)

                                                                         或者 overflow-y:scroll (纵向卷轴)

           若要鼠标移动时元素字体比变大 又不影响其他元素（导致右移） 就把元素的宽度定死

           若要鼠标移动时 有边框 又不影响其他元素（导致右移） 就把元素的边框提前设好 颜色为背景的颜色 或者为透明色 当鼠标移入时 berder只是变颜色而已

           鼠标移入时边手形  在hover里加上cursor pointer

           元素居中的一个办法

                                     box{   position:relative}

                                     box1{ position:absolute

                                          top:50%;

                                          left:50%

                                          margin-left:w/2;

                                          margin-top:h/2;

        }

 

         包裹性 ：元素的大小以文字的内容量为准

         文本在浮动后可设置宽高 ( 浮动后变成了行内块元素)

         overflow属性  

                          hidden 超出范围部分不可见

                          scroll  超出部分会被修剪 但有滚动条以便查看

                          auto 如果内容被修剪 浏览器会有滚动条供其查看内容

                          inhert  从父级继承overflow的值