摘要：
这是我去年6月份写的，今天搬到博客里面，所以标题名字就不改了。哈哈~ 1、如果一个DIV中有多张图片连续排版出现的情况及解决办法 一个DIV中连续放多张图片，不管我们如何清除margin和padding都会出现间隙，那如何才能去掉间隙呢？解决办法如下： 2、div中的内容都不是紧紧贴着的，布局方法： 阅读全文
摘要：
本文转自阮一峰大师的教程，此处做记录，方面后面自己学习使用~ 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式 阅读全文
摘要：
css如何实现这样的样式： 解决方案： 这里需要用到的技术是border-image的灵活运用，首先需要一张图片，这里我选中的是这样子的，此后 的图片可以拿这个更改圆形的颜色以更改锯齿颜色： 底部透明，正方形，ps截图如下： 好了，下面咱们就开始真正的代码： html: <section class 阅读全文
摘要：
一次偶然的项目中，遇到一个奇怪的问题，为什么我都写了换行的css怎么还是没有换行？请教宋老师之后才知道“英文字母和数字是不会换行的”，那如何处理呢？ 处理办法，在所在类上增加下面css： word-wrap:break-word;word-break:break-all; 阅读全文
摘要：
svg就相当于字体，如何将生成的svg导入到自己的项目中去呢？ 1、将类似下面的文件放入自己的项目中： 2、生成的svg中有一个style.css文件，将里面的内容拷贝到你的css中，然后更改上图的路径即可： 在你的css文件将上图中的style.css文件拷贝进去即可，如下图： 注意路径哦~ 1、 阅读全文
摘要：
如上图所示的图片，如何通过css实现呢？ 下面咱们慢慢尝试： html: <div class="togglePosition"> <label class="toggle"> <input type="checkbox"> <div class="track"> <div class="handl 阅读全文
摘要：
将相应的字体放入新建的文件夹，然后在Css文件里面如下图引入 @font-face { font-family: FZLTCXHJW; src: url(../font/FZYouHJW_Xian_a85e94b5d6.eot); src: url(../font/FZYouHJW_Xian_a85 阅读全文
摘要：
使用rem布局，首先要知道自己是根据UI给的视效图的多少基准的，这里是以750px为基准，代码如下： //rem布局,此处根据750px来设置,放大100倍 (function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'ori 阅读全文
摘要：
如何实现下图的效果-—这里就用到了滤镜 如何实现下图的效果-—这里就用到了滤镜 给灰色弹框这个标签元素加“伪类”如下： #nearStoreContent .popChoose li:before { 1. z-index: 1; 2. position: absolute; 3. content: 阅读全文
摘要：
引用动画的方式： 1、轻量动画： cubic-bezier(0.165, 0.840, 0.440, 1.000);//加上贝塞尔曲线使动画运动起来更加平滑 2、.scrollNews,.m-treeview{transition:all 0.3s cubic-bezier(0.165, 0.840 阅读全文