前端学习打卡Day4

1.溢出
        1）overflow: visible;默认溢出
        2）overflow: hidden;溢出文本隐藏，文本裁切
        3）overflow: scroll;溢出滚动
        4）overflow: inherit;继承父元素的效果
        5）overflow: auto;/*溢出自动滚动，未超过不显示滚动，常用*/
        6）overflow-x:auto  overflow-y:hidden只设置一个方向自动滚动
        7）标签选择器:hover 可控制鼠标滑过时候的样式
        8）white-space: nowrap不换行  pre保留格式
        {overflow:hidden隐藏
        white-space: nowrap不换行
        text-overflow: ellipsis;}三语句连用实现省略号效果
2.元素显示类型
        1）块元素   div、p、ul、li、dl、dt、dd、h1-h6
                1.矩形区域   2.独占一行  3.可定义自己的宽高   4.其他元素的容器
        2）行内（内联）元素   a、b、em、i、span、strong等
                1.逐个显示，横着排   2.不能定义宽高   3.部分遵循盒模型
                行内元素无法实现上下边距设置（包括margin和padding），只有左右可以实现
        3）行内块元素   img、input
                既能在一行中显示，又能设置高宽
3.元素类型相互转换
        display：block块元素        inline行元素        inline-block行内块元素        none不显示