5月8日上课笔记-浮动float

Posted 2020-09-23 笨笨2013A

IO文件复制
    字符流(只能对文本文件进行操作)
        Reader Writer
    字节流(对所有文件都能操作)
        InputStream OutputStream
一.浮动
    边框弧度
         border-radius: 20px 10px 50px 30px;
        弧度画圆形
            长宽一样
            border-radius：50%
    盒子阴影：
        box-shadow:
    浮动float：
        1、display
            none  //隐藏
            block //显示块级元素
            inline //显示为内联元素
            inline-block // 既有内联元素也有块元素
        2、float 浮动
            left   左浮动
            right  右浮动
            none 
            清除浮动：
                clear:both; //清除左右浮动
            解决父类边框塌陷：
                a.放入一个空div设置样式：
                    clear: both;
                    margin: 0;
                    padding: 0;
                b.设定父类边框的高度：
                c.设定父类边框：
                    overflow:hidden;
                d.父级加伪类after
                    .clear:after{
                        content: ‘‘;          /*在clear类后面添加内容为空*/
                        display: block;      /*把添加的内容转化为块元素*/
                        clear: both;         /*清除这个元素两边的浮动*/
                    }