css
文章平均质量分 64
xualaleilei
这个作者很懒,什么都没留下…
展开
-
CSS盒模型图解
CSS盒模型图解下面是一幅关于应用了CSS的元素是如何显示它的尺寸的图示。在本篇文章中,所有的浏览器在计算盒模型总宽度时处理margin属性的方式都是一致的,所以我们将更多的精力放在padding和border属性上。W3C盒模型首先看一下《 the W3C box model》,这里所写出的标准,如果没问题的话,是应该被所有标准的现代浏览器及IE6和它的后转载 2015-11-17 12:51:13 · 354 阅读 · 0 评论 -
CSS 伪类与伪元素
CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构(DOM树)中获取元素不同的是,伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的转载 2015-11-13 17:08:20 · 303 阅读 · 0 评论 -
css布局之水平垂直居中
对一个元素水平垂直居中,在我们的工作中是会经常遇到的,也是CSS布局中很重要的一部分,本文就来讲讲CSS水平垂直居中的一些方法。由于我们大搜车的日常工作中已经不再需要理会低版本IE,所以本文所贴出的方法,是没有去考虑IE的,如果有兼容需要,可以参见这篇文章:http://www.cnblogs.com/Dudy/p/4085292.html。另外,文中的css都是用less书写的,如果看不懂les转载 2015-12-28 14:39:00 · 810 阅读 · 0 评论 -
CSS Sticky Footer: 完美的CSS绝对底部
先说我们为什么会使用到这个CSS底部布局解决方案:当做一个页面时,如果页面内容很少,不足于填充一屏的窗口区域,按普通的布局,就会出现下面图片中的样子(也就是底部内容并没有位于窗口的底部,而留下了大量空白。对于追未完美的设计师来说,这是不美观的。网上有一些解决方案,但会出现当改变窗口高度时,底部和正文重叠的BUG。尽管没有多少人会有事没事儿的去改变窗口高度,但设计嘛,追求的就转载 2015-11-27 16:00:05 · 438 阅读 · 0 评论 -
一像素问题代码
.set_top_line(@c: #C7C7C7) { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 1px; border-top: 1px solid @c; transform-origin: 0 0;原创 2016-01-18 10:15:21 · 971 阅读 · 1 评论 -
点击触发或收回黑色蒙层
jquery$(".nav .current").click(function(){ $(".nav button").show(); $(".nav .current").css("background","url('')"); $(".records #bgObj").css("display","block");});$(".nav :not(.current原创 2015-12-01 11:25:53 · 457 阅读 · 0 评论 -
CSS深入理解vertical-align和line-height的基友关系
众所周知,vertical-align支持很多属性值,足足可以组成一个足球队了:/* 关键字值 */vertical-align: baseline;vertical-align: sub;vertical-align: super;vertical-align: text-top;vertical-align: text-bottom;vertical-align: midd转载 2016-01-04 14:17:06 · 876 阅读 · 0 评论 -
多行文本溢出显示省略号(…)全攻略
大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢出显示省略号,这里根据应用场景介绍几个方法来实现这样的效果。WebKit浏览器或移动转载 2016-01-20 11:30:54 · 364 阅读 · 0 评论 -
小科普:到底什么是BFC、IFC、GFC和FFC,次奥?
软件开发的一般被称为民工,搞前端的,有人形容为是掏粪工,说白了连民工级别高都没有。说直接点就是个制作界面的,注意,连设计界面的都算不上,一般前端都是拿着设计稿去照这样子开发的。说这些无非是觉得前端前端,却一点也不高端啊,就连逼格高的术语都找不到几个,但少不代表没有,比如Closure、BFC、IFC、GFC和FFC,等等,怎么这么多C啊,C==操?本文就简单列举下这几个C到底都他妈的什么意转载 2016-01-25 16:26:12 · 1587 阅读 · 0 评论