摘要：
精灵图 什么是精灵图 在网页中，往往会用到许多图像来修饰网页元素，将这些所需要的元素都放到一张图中，这就是精灵图。 为什么需要精灵图 如果网页中所使用的图修饰较多，那么就会导致网页频繁请求服务器，造成服务器压力过大，倒是页面的加载速度变慢。 ==为了有效降低服务器接收和发送请求的次数，提高页面加载速 阅读全文
摘要：
vertical-align CSS的vertical-align属性的使用场景：经常设置图片或者表单（行内块元素）和文字垂直对齐。 只针对==行内元素或行内块元素起效== 语法： vertical-align: baseline | top | middle | bottom | 值 | 描述 | 阅读全文
摘要：
鼠标样式 cursor 可以给元素添加cursor属性来控制经过其的鼠标样式。 { cursor: pointer; } | 属性 | 描述 | | | | | default | 小白 默认 | | pointer | 小手 | | move | 移动十字架 | | text | 文本 | | n 阅读全文
摘要：
在网页布局中有许多的小图标，这些图标都是由字体图标来进行实现的。 字体图标的产生 在早期这些字体图标也使用精灵图进行实现，但是精灵图也有其自身缺点： 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要变更非常复杂。 此时，==字体图标==的技术就完美的解决了以上的问题 ==字体 阅读全文
摘要：
在网页布局中有许多的小图标，这些图标都是由字体图标来进行实现的。 字体图标的产生 在早期这些字体图标也使用精灵图进行实现，但是精灵图也有其自身缺点： 图片文件还是比较大的。 图片本身放大和缩小会失真。 一旦图片制作完毕想要变更非常复杂。 此时，字体图标的技术就完美的解决了以上的问题 字体图标可以为前 阅读全文
摘要：
有些时候，网页中会有对话窗弹出，其中就需要引入三角元素，来标识是哪个元素弹出的对话框。 三角形的制作 三角形的制作使用 border 来进行制作。 当我们给一个盒子指定了大小为0，四个边框有大小且不同颜色时，这四个边框就会以三角的形式展现。 .box { width: 0; height: 0; b 阅读全文