div img 下面留

 

div 不设置height，图片下面会留白？

原因：img 元素是inline-block，图片的vertical-align是baseline。如下图：

解决方法1：

解决方法2：

　　<img style="display: block" src="mll_logo.gif">

解决方法3：　　

　　将div的line-height设置得足够小，也可以去掉空白，例如div{line-height:5px;} 或者    也可以将font-size设为0，实际上也是改变了line-height

 

=虚线分割线========================================

.inner02{
      width:1px;   宽度设置为1     height:350px;       border-left:1px  边框为1     dashed gainsboro;   dashed 虚线；gainsboro  亮灰。     float: right;            margin-top: -350px;  定位     margin-right: 320px;  定位 }

 =背景属性===========================================================

背景颜色

background-color: green;

 

背景图片

background-image: url("egon.jpg");background-repeat: no-repeat;background-position: center center;

 

背景图片简写

background: url("egon.jpg") no-repeat -254px -97px;

 

input的背景图片

 

 

Html 
    Male    /*lable 的for 要等于 input的id*/
 CSS p{            font-size: 20px;        /*字号大写*/            font-weight: bold;     /* font粗细*/            font-family: 'Lucida Bright';  /* 字体*/            font-style: oblique;        /*斜体*/} p input{            width: 200px;            height: 40px;            border: 1px solid black;            background-image: url("2.png");            background-size: 40px 40px ;            background-repeat: no-repeat;           /* background-position:left;*/            background-position:right;        }

 

 　　 　　　　验证码:   
         p.uertit{             color: #999999;            font-size: 17px;            font-weight: bold;            font-family: Microsoft YaHei;         }            input.i1{            color:gray;            height: 28px;            width: 240px;           　　　　　　  border-style: solid;            border-width: 2px;            border-color: gainsboro;            margin-left: 10px;        }

 

  或者

    /*图片模式和基线对齐，所以需要设置为垂直对齐为middle-line*/

 

 =div 圆形 =======================================================================

 鼠标悬浮，背景验收改变。

                
     
       sddd
     
    

 

 

=无序列表========================================

 

ul{            list-style: none;  /*取消样式，横过来显示*/            padding: 0;  /*去除li前面的padding*/        }

 

=继承=========================================

父标签的属性，如颜色，后代标签没有此属性可以继承。后代标签有此属性覆盖父标签。

 

    
             
     
          DIV1    
      
       DIV2
      
    
      
PPP
    
      click
     
     
    
      
11
    
      
22
    
      
2222
    
      
222
     

 

 =position fixed  ===================================================

    
             
     
  
     
     
      返回顶部
     

 

 

=后台管理布局=================================================

知识点：

　　fixed 定位： 

　　内容溢出后产生滚动条：

分析;

　　1 一个header，一个左边目录，一个右边的内容区域。

　　2（ 左边目录  ）     和      （右边内容区域）    需要   （fixed定位）   和    （内容溢出后生成滚动条）。

    
             
     
     
    
      
    
      
    
      
        
       
11111
        
       
11111
        
       
11111
        
       
11111
        
       
11111
        
       
11111
        
       
11111
        
       
11111
        
       
11111
    
      
     

 

 背景图片