day05

A：今天学到的内容

一、margin的小问题

1、给子元素margin-top：父元素移动，子元素不移动。

解决方案：
1.给父级加：overflow：hidden；
2.给父级加伪元素：

.box:before{
            content: "";
            display: table;
        }

2、上面元素的margin-bottom和下面元素的margin-top会重合，距离一样取中间值，不一样取最大值。

二、HTML表单

    
用户名
    
密码
    

    
    

        爱好
        游泳
        开车
        篮球
        足球
    
    
    

        男
        女
        妖
    
    
    

        
            洪山区
            武昌区
            汉阳区
            江夏区
            青山区
        
    
    

三、文本域

四、display和visibility的区别

（display：none）完全清除。

（visibility：hidden）清除显示，但是高度还在。

（overflow：hidden）溢出部分隐藏。

B：学会了什么

一、上面元素设置margin-bottom和下面元素设置margin-top的重合

二、html表单相关元素

三、文本域

四、display和visibility的区别