html+css小知识1.使用CSS隐藏HTML元素的4种常用方法1）可见性：hidden是很多人隐藏HTML元素时的首选。比如页面上的图片消失了，但是原来的图片没有地方放，留下一片空白的区域。这个属性只是简单的隐藏了一个元素，但是元素所占的空间依然存在。设置visibility:visible可以让隐藏的元素可见。2）设置opacity:0可以让一个元素完全透明，从而产生和visibility:hidden一样的效果。与visibility相比，opacity的优势在于可以过渡和动画。通常可以使用opacity属性使元素淡入淡出。设置opacity:1使透明元素可见。3）position:absolute最古老最标准的方式是设置元素的绝对定位来隐藏元素。该技术将元素从文档流中取出，将其置于普通文档之上，并为其设置一个较大的负左值，以将该元素定位在可见区域之外。float和margin都不会影响position:absolute元素，所以可以很好的隐藏起来。当为直线中的某些元素设置动画时，最好使用此技术。要使元素再次可见，请增加left的值，使元素出现在屏幕上。4)display:nonedisplay:none也是一个很老的技术，是position:absolute和visibility:hidden之间的折衷；该元素将变得不可见，不再占据文档的空间。display:none对于手风琴效果很有用。将元素设置为display:block或其他值可以使元素再次可见。除了上述4种方法外，还有其他隐藏元素的方法，尤其是在使用CSS3时。例如：你可以使用scale属性来减小元素的大小，直到它消失。但是scale属性和opacity:0和visibility:hidden一样，不可见的元素会在文档中占用空间。2.你知道网页制作中会用到哪些图片格式？png-8、png-24、jpeg、gif、svg。但以上都不是面试官想要的最终答案。面试官希望听到它是Webp。（你有没有关注新技术新事物）Webp科普：WebP格式，谷歌开发的一种图像格式，可以加快图片加载速度。图片压缩后大小仅为JPEG的2/3左右，可节省大量服务器带宽资源和数据空间。FacebookEbay等知名网站已经开始测试使用WebP格式。在相同质量下，WebP图片比JPEG图片小40%。3.简述src和href的区别。src用于替换当前元素，href用于在当前文档和引用资源之间建立链接。src是source的缩写，指向外部资源的位置，指向的内容会嵌入到文档中当前标签的位置；当请求src资源时，它指向的资源将被下载并应用到文档中，例如js脚本、img图片和frame元素。浏览器在解析该元素时，会暂停其他资源的下载和处理，直到该资源被加载、编译、执行，对于此类元素也是如此作为图片和框架，类似于将指向的资源嵌入到当前标签中。这就是为什么js脚本放在底部而不是放在头部的原因。href是HypertextReference的缩写，指向网络资源所在的位置，与当前元素（锚点）或当前文档（链接）建立链接。如果我们在文档样式表中添加
