1.塊級元素、行內(nèi)元素是什么？有什么區(qū)別？分別對應哪些常用標簽？

• 塊級元素：總是從新行開始，占據(jù)一行，寬度與屏幕寬度一致，與內(nèi)容無關(guān)，可設置內(nèi)外邊距，可容納行內(nèi)元素和塊級元素。
  常用塊級元素：div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form...

• 行內(nèi)元素：和其他元素并列在一行，寬度與文本內(nèi)容一致，可設置內(nèi)外邊距，但只有左右生效占據(jù)空間，上下不占據(jù)空間，行內(nèi)元素只可容納行內(nèi)元素。
  常用行內(nèi)元素：a,img,span,input,em,stong,label...

2.display: block、display: inline、display: inline-block分別有什么作用?

display:block：轉(zhuǎn)化了塊級元素
display:inline：轉(zhuǎn)化為行內(nèi)元素
display:inline-block：轉(zhuǎn)化為內(nèi)聯(lián)塊元素，結(jié)合了以上2者的特性

3. display: none , visibility: hidden, opacity:0 有什么區(qū)別？

display:none;不占位的隱藏
visibility：hidden;占位的隱藏
opacity:0; 透明

前2個的區(qū)別就是占位和不占位，但本質(zhì)上都是隱藏。后面的opacity只是變透明了，本質(zhì)上還是存在的，所以如果加上鏈接之類的點擊也一樣會有效果，前2個的話就不會。