2018-08-15 day03 CSS属性

选择题的权重

    
    
        
        
        
    
    
        百度一下
    

浮动html

    
        
        
        
    
    
        
        

        

        

            
依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版《京东隐私政策》已上线，将更有利于保护您的个人隐私
        
        

            阿是否可江安河上的发
        
        

    

文字环绕

    
        
        
        
    
    
        
            
        

            方递费加哈萨克货到付款撒都
分开哈萨克东方航
空撒货到付款阿士大夫
看撒谎快递费开始浇返回
        
    

清除浮动

display属性

    
        
        
        
    
    
        
        
            ABC拿到的
        
        
            ABC拿到的
        
        
        

            aaa     

            bbb
        
        
            ajssjjdh
        
        
    

定位

relative练习

盒子模型

    
        
        
        
        
        
    
    
        
        

            abc
        
        

            
        
        
    

居中

    
        
        
        
        
    
    
        
        

            

                
床前明月光,疑是地上霜
            
            
        
        
    

作业

case.html

    
    
    
    



    
——居家优品——
    

        

            

            
            
        
        

            
家电馆家电好物节
            
            
            
        
        

            
我爱我家品质生活家
            
            
            
        
    
    

        
        
        
        
        
        
        
    
    

        

            

            
            
        
        

            
家电馆家电好物节
            
            
            
        
        

            
我爱我家品质生活家
            
            
            
        
    
    

        

            

            
            
        
        

            
家电馆家电好物节
            
            
            
        
        

            
我爱我家品质生活家
            
            
            
        
    

css.css

html,
body {
    margin: 0px;
    padding: 0px;
    background-color: rgb(201, 201, 201);
}

h1 {
    text-align: center;
}

#title {
    letter-spacing: 2px;
}

#boxs {
    overflow: hidden;
    width: 1150px;
    margin: auto;
    padding-left: -30px;
    margin-bottom: 50px;
}

#boxP {
    float: left;
}

#no1box {
    border: 6px solid black;
    width: 290px;
    height: 360px;
    float: left;
    margin: 25px -265px 0px 0px;
}

#img1 {
    float: left;
    width: 290px;
}

.box {
    padding: 10px;
    background-color: rgb(255, 255, 255);
    margin-left: 50px;
    width: 330px;
    float: left;
}

.subBox {
    float: left;
    margin: 5px 0px 10px 0px;
}

.subTitle {
    font-size: 23px;
    float: left;
}

.red1 {
    float: left;
    margin: 0px 4px -10px 4px;
    width: 30px;
}

.smallTitle {
    float: left;
    font-size: 16px;
    color: gray;
    margin-top: 5px;
}

.imgHorizental {
    width: 330px;
}

#logo{ 
    position: fixed;
    top: 400px;
    right: 0;
    width: 36px;
}
#logo img{
    border-radius: 5px;
    background-color: rgb(77, 77, 77);
}
#logo img:hover{
    background-color: rgb(147, 147, 255);
}

.smallImg {
    margin-top: 6px;
    width: 160px;
}

.sl {
    margin-right: 6px
}

image.png