css基础---display的作用

1.块级元素、行内元素是什么？有什么区别？分别对应哪些常用标签？

• 块级元素：总是从新行开始，占据一行，宽度与屏幕宽度一致，与内容无关，可设置内外边距，可容纳行内元素和块级元素。
  常用块级元素：div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form...

• 行内元素：和其他元素并列在一行，宽度与文本内容一致，可设置内外边距，但只有左右生效占据空间，上下不占据空间，行内元素只可容纳行内元素。
  常用行内元素：a,img,span,input,em,stong,label...

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

display:block：转化了块级元素
display:inline：转化为行内元素
display:inline-block：转化为内联块元素，结合了以上2者的特性

3. display: none , visibility: hidden, opacity:0 有什么区别？

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

前2个的区别就是占位和不占位，但本质上都是隐藏。后面的opacity只是变透明了，本质上还是存在的，所以如果加上链接之类的点击也一样会有效果，前2个的话就不会。