css世界笔记(0001)

css元素的显示与隐藏
  元素不可见，不占据空间，不渲染（图片不会加载资源），键盘无法访问
  <script>
   <img src="1.jpg"/>
  </script>
  元素不可见，不占据空间，渲染（图片会加载资源），键盘无法访问
  .hidden {
   display: none;
  }
  元素不可见，不能点击，占据空间，键盘无法访问
  .hidden {
   visibility: hidden;
  }
  元素不可见，不能点击，占据空间，键盘可以访问
  .hidden {
   position: relative;
      z-index: -1;
  }
  单单是元素看不见
  .opacity {
   opacity: 0;
      filter: Alpha(opacity=0);
  }
  visibility具有继承性，并且子元素可以独立控制自己的显示与否：父元素visibility: hidden则子元素也会看不见。但是，如果子元素设置了visibility: visible，则子元素会显示出来。而display: none不一样，父元素display: none则子元素也会看不见，如果给子元素设置了display: 其他值，子元素照样看不见，一切以父元素设置的为准。