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當內容溢出時，根據需要出現滾動條。