https://github.com/lianbinghua

随笔分类 -  css

css深入理解z-index
摘要：z-index取值 z-index:auto;z-index:<integer>;z-index:inherit;继承 特性： 1.支持负值2.支持css3 animation动画;3.在css2.1时代，需要和定位元素(position:relative/absolute/fixed/sticky 阅读全文
posted @ 2016-12-28 13:29 连冰华 阅读(5349) 评论(0) 推荐(0)
BFC
摘要：什么是BFC? BFC(block-formatting-context)：块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。 BFC的生成 既然上文提到BFC是一块渲染区域，那这块渲染区域到底在哪， 阅读全文
posted @ 2016-06-22 18:12 连冰华 阅读(191) 评论(0) 推荐(0)
em和rem及rem在移动的应用
摘要：rem在移动端的运用 移动端设计稿常见宽度尺寸是640px和750px 运用rem实现移动端响应式布局，应该这么做： 首先在js中加入如下代码： !function(n){var e=n.document,t=e.documentElement,i=720,d=i/100,o="orientatio 阅读全文
posted @ 2015-12-24 14:36 连冰华 阅读(338) 评论(0) 推荐(0)
两栏分别上下滑动
摘要：html,body{height: 100%}body{background: #f2f2f2;-webkit-user-select:none;-webkit-text-size-adjust:none;}.clearfix:after,.clearfix:before{content: "";d... 阅读全文
posted @ 2015-11-30 15:01 连冰华 阅读(180) 评论(0) 推荐(0)
select，radio，checkbox兼容性
摘要： 阅读全文
posted @ 2015-01-22 16:39 连冰华 阅读(163) 评论(0) 推荐(0)
meta 如何写
摘要：阻止手机号加下划线，可拨打： (ios系统)其中：minimal-ui,去掉手机头部自动出来的地址以下两个有利于搜索引擎: 阅读全文
posted @ 2014-09-11 17:57 连冰华 阅读(271) 评论(0) 推荐(0)
完整table
摘要：.table-bordered{ border:1px solid #cccccc; } .table { border-spacing: 0;/*设置或检索当表格边框独立时(即border-collapse属性等于separate时)，行和单元格的边框在横向和纵向上的间距*/ border-... 阅读全文
posted @ 2014-09-09 12:36 连冰华 阅读(278) 评论(0) 推荐(0)
闭合浮动
摘要：方法一：.clearfix:after {content:"."; display:block; height:0; clear:both; }.clearfix { *zoom:1; }1) display:block 使生成的元素以块级元素显示,占满剩余空间;2) height:0 避免生成内容... 阅读全文
posted @ 2014-09-05 12:28 连冰华 阅读(161) 评论(0) 推荐(0)
弹出框样式
摘要：.pop_overlay{ width: 100%; height: 100%; background: #c2c2c2; opacity: 0.5; filter:alpha(opacity=50); position: fixed; z-index: 1; left: 0; top:0; dis... 阅读全文
posted @ 2014-08-12 15:43 连冰华 阅读(536) 评论(0) 推荐(0)
css实现文字太长，显示省略号
摘要：/*显示为省略号*/overflow:hidden;/*隐藏*/ white-space:nowrap;/*文本不进行换行*/text-overflow:ellipsis;/*省略号*//*强制换行*/word-wrap: break-word;word-break: normal;/*强制英文单词... 阅读全文
posted @ 2014-07-14 10:45 连冰华 阅读(287) 评论(0) 推荐(0)
针对IE6,IE7,IE8,IE9,FF等不同浏览器的CSS写法
摘要：首先我们介绍一下HACK原理，就是不同浏览器对字符的识别不同在CSS中常用特殊字符识别表:(1)*:IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important:除IE6不能识别!important外,FF+IE8+IE7都能识别!important;(3)_:除IE... 阅读全文
posted @ 2014-07-10 10:47 连冰华 阅读(245) 评论(0) 推荐(0)
.scss写法及如何转化为.css
摘要：scss可视化工具:http://koala-app.com/index-zh.htmlscss讲解地址:http://www.cnblogs.com/adine/archive/2012/12/18/2823669.html官网：http://sass-lang.com/less，scss区别:h... 阅读全文
posted @ 2014-07-10 09:57 连冰华 阅读(4664) 评论(0) 推荐(0)