摘要：
1 字体图标的产生 字体图标使用场景： 主要用于显示网页中通用、常用的一些小图标。 精灵图是有诸多优点的，但是缺点很明显。1.图片文件还是比较大的。2.图片本身放大和缩小会失真。3.一旦图片制作完毕想要更换非常复杂。 此时，有一种技术的出现很好的解决了以上问题，就是字体图标 iconfont。字体图 阅读全文
posted @ 2020-10-08 19:00
GHNSL
阅读(205)
评论(0)
推荐(0)
摘要：
1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称 CSS Sprites 阅读全文
posted @ 2020-10-08 15:57
GHNSL
阅读(129)
评论(0)
推荐(0)
摘要：
类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！本质：让一个元素在页面中隐藏或者显示出来。 1.display 显示隐藏2.visibility 显示隐藏3.overflow 溢出显示隐藏 1 display 属性display 属性用于设置一个元素应如何显示。 displ 阅读全文
posted @ 2020-10-08 15:49
GHNSL
阅读(131)
评论(0)
推荐(0)
摘要：
通过盒子模型，清楚知道大部分html标签是一个盒子。 通过CSS浮动、定位 可以让每个盒子排列成为网页。 一个完整的网页，是标准流、浮动、定位一起完成布局的，每个都有自己的专门用法。 1. 标准流可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局。 2. 浮动可以让多个块级元素一行显示 阅读全文
posted @ 2020-10-08 12:22
GHNSL
阅读(134)
评论(0)
推荐(0)
浙公网安备 33010602011771号