马克·扎克伯格|html隐藏元素的方法以及css精灵图怎么使用？硅谷|meta

文章图片

1.HTML固定定位怎么用：固定定位不跟随页面而上下移动，它是相对于可是窗口进行移动：

2.定位的叠放顺序：通过添加z-index进行定位上下的设置，数值越大，越靠上

3.html怎么隐藏标签1）隐藏但仍旧保留原来的位置：
dispaly:none隐藏元素
display: block展示元素
2）隐藏元素后不保留原来的位置：
visibility: visible 展示元素
visibility: hidden隐藏元素
3）当元素超出范围内进行隐藏：
overflow: visible;展示元素也是默认的一种设置
overflow: hidden隐藏元素
overflow:scroll 当元素超出范围，以滚动的形式展现
overflow:auto 元素超出范围，以滚动的形式展现，否则不展示滚动条

3.css精灵图是什么？在前端的页面中，网页上面的每张图片都要经历一次请求才能展示给用户，小的图标频繁的请求服务器，降低页面的加载速度，难免会用到许多的图片，如果每一个位置的图片都需要一张张的图片，那样不仅会占用大量的空间，而且会降低网页的速度。为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，因此，产生了css精灵技术。
【马克·扎克伯格|html隐藏元素的方法以及css精灵图怎么使用？】css精灵图(sprite)(也叫雪碧图等)就是一种网页图片应用处理方式，它允许将一个页面涉及到的所有零星图片都包含到一张大图中。

4.css精灵图的使用方法：background-position:x轴的移动位置 y轴的移动位置，其中向左和向下移动均为负值。