在移动端点击事件触发时，闪烁并且有灰色背景
摘要：解决办法 在绑定点击事件的标签上使用该类就可以解决该问题
阅读全文
posted @
2017-10-24 15:53
浅唱年华1920
阅读(176)
推荐(0) 编辑
css上下或者上中下 自适应布局
摘要：方法就是头部不变，中间和底部绝对定位 没有底部了去掉footer,和样式，把content的bottom改成0px就行了
阅读全文
posted @
2017-02-07 23:37
浅唱年华1920
阅读(3811)
推荐(0) 编辑
CSS镂空图片处理
摘要：来源：http://www.zhangxinxu.com/wordpress/?p=5267，分享收藏 使用镂空图片，通过CSS改变颜色，达到图片切换的效果，可以同过背景图，然后改变背景色，从而达到图片换色的目的，在换色的过程中可以过渡 下面是使用背景色 可以达到换色的效果，但是在初始加载的时候会有
阅读全文
posted @
2016-06-30 13:05
浅唱年华1920
阅读(1229)
推荐(0) 编辑
css3 box-sizing属性
摘要：box-sizing属性有3个值：content-box（default），border-box，inherit。 content-box：border和padding不计算入width之内 inherit：继承于父级
阅读全文
posted @
2016-06-29 21:38
浅唱年华1920
阅读(135)
推荐(0) 编辑
css属性 writing-mode 改变文字书写方向
摘要：作为IE的私有属性之一，IE5.5率先实现了 writing-mode ，后期被w3c采纳成标准属性；
阅读全文
posted @
2016-06-29 17:47
浅唱年华1920
阅读(6894)
推荐(0) 编辑
clip-path的任意元素的碎片拼接动效
摘要：看了张大神的这篇文章后自己写的，兼容性不好clip-path要加-webkit- css html JS 代码地址
阅读全文
posted @
2016-06-29 16:47
浅唱年华1920
阅读(317)
推荐(0) 编辑
CSS改变png图片颜色
摘要：来源地址：http://www.zhangxinxu.com/wordpress/?p=5429 张鑫旭大神的个人网站上看到的，纯属分享和记录 css html JS 在谷歌、火狐手机端、都是可以用的，使用的技术是css 里滤镜里的投影，具体看原文 代码地址
阅读全文
posted @
2016-06-27 18:09
浅唱年华1920
阅读(11720)
推荐(0) 编辑
HTML 标签元素的 align 属性
摘要：align 属性规定段落中文本的对齐方式。 有 left right center justify 这些参数 left right center 就是左对齐 右对齐 中间对齐 justify 对行进行伸展，这样每行都可以有相等的长度 CSS3 属性 兼容性不是太好，移动端可用 使用之前 使用之后
阅读全文
posted @
2016-04-27 11:27
浅唱年华1920
阅读(652)
推荐(0) 编辑
条件注释
摘要：<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE可识别 <![endif]--> <!--[if IE 6]> 仅IE6可识别 <![endif]--> <!--[if lt IE 6]> IE6以及IE6以下版本可识别
阅读全文
posted @
2016-03-10 17:49
浅唱年华1920
阅读(179)
推荐(0) 编辑
浮动元素居中
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></scrip
阅读全文
posted @
2016-03-04 14:41
浅唱年华1920
阅读(113)
推荐(0) 编辑
垂直居中
摘要：垂直居中，在实际应用中很多地方都会用到，当然也有很多方法可以实现，这里就说一种。 用一个高度100% 宽1px 的空标签 然后使用vertical-align: middle; 就可以在高度不固定的情况下 自动居中 <div class="test"> <div> 你是谁是大师傅大师傅大师傅大师傅士
阅读全文
posted @
2016-03-03 15:43
浅唱年华1920
阅读(139)
推荐(0) 编辑
border做三角符号
摘要：用border做三角符号以及其他图形 .test{width:0; height:0; border-width:20px 10px; border-style:solid; border-color:#ff3300 #ff3300 #ffffff #ffffff;} .test1{width:10
阅读全文
posted @
2016-03-03 15:34
浅唱年华1920
阅读(147)
推荐(0) 编辑
IE6部分兼容问题
摘要：border-style：dotted 点线 IE6不兼容 （除了solid以外，其它都有兼容问题，不完全一样） a IE6 不支持a以外的所有标签伪类，IE6以上版本支持所有标签的hover伪类。 inline-block IE6 7不支持块元素标签的inline-block 空标签清浮动 IE6
阅读全文
posted @
2016-02-29 18:34
浅唱年华1920
阅读(448)
推荐(0) 编辑
SASS的使用
摘要：简要介绍下SASS SASS是最早的CSS预处理语言，有比LESS更为强大的功能，不过其一开始的缩进式语法并不能为大众接受，不过由于强大的功能，还是有很多开发者选择了SASS SASS是采用了Ruby语言编写的一款CSS预处理语言，(不用担心，我们并不用学习Ruby也可以使用全部功能）诞生于2007
阅读全文
posted @
2016-02-28 23:54
浅唱年华1920
阅读(370)
推荐(0) 编辑
less的使用
摘要：css并不能称之为一门真正的编程语言，我们一般称之为样式层叠表（有种编程原则为DRY don't repeat yourself）css文件比较麻烦的地方--充斥大量的重复定义(程序员的噩梦)，不但编写的时候难组织，代码量大，随着以后规模扩大二次开发的问题更明显最明显的一点就是无法定义变量供我们重复
阅读全文
posted @
2016-02-28 23:40
浅唱年华1920
阅读(240)
推荐(0) 编辑
