鼠标悬停在图片时出现×。然后删除图片

1.行内元素没有宽和高，可以用padding撑大。line-height可以改变他的高度。也可以使用display：block或者display：inline-block将其变为块级元素。

2.定位与浮动都可以改变位置，不能同时用。

3.z-index属性，需要定位之后才能使用。

4.<input type="textarea">得到的文本框不能设置rows与cols。只能设置width与height，然而设置之后只能在中间输入一行文本。所以用下面这种。

<textarea cols=" " rows=" "></textarea>。cols行。rows列。

用textarea标签显示的文本框，右下角会出现小三角可以调整宽高。可以通过resize：none禁止调大小。

5.---》一张图片鼠标悬停之后出现红色的×，点击×删除图片。

图片部分html代码：  <div class='img-div fl'>          
                        <img class='show-img' src='' alt=''>
                        <span class='iconfont icon-icon icon-del' onclick='del_img()'></span>                             
                 </div>

×代码：原本的不透明度设为0，×便看不见了。

.icon-del{
    display: inline-block;
    width: 20px;
    height: 20px;
    opacity: 0;
    position: absolute;
    top: 479px;
    left: 354px;
    font-size: 21px;
    color: red;
    border-radius: 50%; 
}

让整个img-div不在页面上显示。

img-div{

display:none;

}

鼠标悬停时，设置×的不透明度为1，便可以看见了。
.img-div:hover .icon-del{
    opacity: 1;
}

删除图片：

 function del_img(){    
                $(".img-div").hide();
                $(".icon-jia").show();                
             //   $(".show-img-value").val("");   
        }

6. 优先级：！important>style对象>id选择器>class选择器>标签选择器

7。 visibility：hidden规定元素不可见，但是会占据页面上的空间。display：none让元素不可见，且不占据空间。

8. overflow属性规定当内容溢出元素框时发生的事情。overflow：hidden溢出部分不可见。overflow：scroll，溢出时元素框下方与右方同时出现下拉滚动条。overflow：auto当内容溢出时，根据需要出现滚动条。