day07

知识要点梳理

1.布局

    1.默认布局
    2.float布局
    3.层级布局(定位布局)

2.CSS样式引入

3.外部样式表

4.路径

5.width,height继承

/* 子元素绝对定位,不会继承父元素的width */



    

        

        
    

6.margin的bug

8.表单

    
一个简单的登录表单
    

        
        

            用户名
        
        

            密码
        
        

            
        
        

            
            
性别
            男
            女
        
        

            
            足球
            篮球
            羽毛球
        
        

            
            
                武昌区
                洪山区
                青山区
            
        
    
    
    
    
< >

9.text和btn的区别

 *{margin:0;padding:0}
        input{
            border:1px solid #333;
            width:100px;
            height:40px;
        }
        .btn{
            width:102px;
            height:42px;
        }
        /* input是按钮的形态下,给border,padding不会改变它的width,height */