小松的技术博客

六和敬

若今生迷局深陷,射影含沙。便许你来世袖手天下,一幕繁华。 你可愿转身落座,掌间朱砂,共我温酒煮茶。

Tag: Web重构

  1. 利用Compass相关接口制作自定义类名的Sprite

    也许大家都知道可以利用Compass可以制作出雪碧图,但是利用一般的教程制作出来的雪碧图是收到了很大的限制的,特别是在其命名上,让人特别不爽。在深入了解了compass后,发现其是提供了很多很好的接口的,我们可以很方便的调用这些接口来制作自己想做的雪碧图。 需求 我想要的效果为: 一个.icon基类,用来作为背景图片的容器,然后再用.icon_PicName形式的类来定位其位置,适当时候也要定义其大小。 可以适配2倍图、3倍图这些情况 相关接口 sprite-map:用来获取图片 sprite-…

    Web重构 继续阅读
  2. CSS浮动与BFC

    网页重构时经常会遇到浮动与清除浮动的时候,最开始掌握clear清除浮动的方式就以为清除浮动很简单,但现在觉得清除浮动真的不是件简单的事,学习到了BFC等东西,依然发现看似简单的东西蕴深层次的理论,懂得了其底层的原理,提前就能预料的产生的效果或者做好规划,才能高效的干活,省时省力。 先来一段代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8">…

    Web重构 继续阅读