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