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' οnclick='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当内容溢出时，根据需要出现滚动条。