七、vertical-align属性、透明度属性及兼容、ps常用工具、常见的图片格式、项目规范、命名参考、iconfont的使用

一、css其他属性

1、vertical-align属性

设置元素的垂直对齐方式,适用于行级元素、行块级元素。

(1)语法
vertical-align: top | bottom | middle | baseline;
  • top 顶部对齐,将元素与父元素中最高的元素的顶部对齐
  • bottom 底部对齐,将元素与父元素中最低的元素的底部对齐
  • middle 居中对齐,将元素放在父元素的中间
  • baseline 基线对齐,将元素放置在父元素的基线的位置上(默认值)
(2)解决问题
  • 图片下间隙问题

    解决方案一: 给图片设置vertical-align属性,值不为baseline就可以了

    .box {
         
        width: 640px;
        border: 1px solid red;
    }
    .box1 img {
         
        /* vertical-align: baseline; */
        vertical-align: top;
        vertical-align: bottom;
        vertical-align: middle;
    }
    

    解决方案二: 给图片转块

    .box2 img {
         
        display: block;
    }
    

    解决方案三: 给图片的父元素设置font-size为0

    .box3 {
         
        font-size: 0;
    }
    
  • 文本框与按钮不对齐问题

    解决方案一:给input设置vertical-align属性,值不为baseline就可以了

    
    
    
        
        
        Document
        
    
    
        
    "#" class="form1"> "text">"submit">

    解决方案二:给input标签设置左浮动

    
    <html lang&

你可能感兴趣的:(HTML的基本信息,css,HTML5,html,css,html5)