css水平的提高在于积累

css水平的提高在于积累

css水平提高在于代码的积累

移动端

如何让滚动时避免:hover伪类带来的不断重绘?:通过滚动时给body添加「pointer-events: none」来提高页面滚动的流畅性和性能, from前端快爆

Css3

CSS3 「background-position」新增offset特性,也就是说可以指定水平和垂直的偏移值,类似 left 20px top 20px,数值前面必须提供

阅读更多»

Sass学习文档

Sass学习文档

当初用sass主要就是觉得sass简化了css的编写,写子类选择器的时候再也不用打一遍父类名了,而且还加入 import 这样的让css模块化的关键语法。但是后来用来用去也就那几个功能,觉得有必要加强sass的相关知识。

Sass引擎

Sass中Sass::Engine用来解析和编译的Sass模板,文件路径C:\Ruby200-x64\lib\ruby\gems\2.0.0\gems\sass-

阅读更多»

重新认识margin和负margin的实际应用

重新认识margin和负margin的实际应用

margin是我们再熟悉不过的属性了,在限定模块之间的距离、制作流动性布局、解决IE6\7 bug以及margin负值时发挥了很大作用,所以有必要总结一下,特别是要对负margin的理解,因为它对日常工作的一些问题能很好的解决。

然后,在了解 负margin 之前,我们首先得非常清楚margin是啥玩样。

Margin 是什么

The margin clears an area around

阅读更多»

CSS inline-block布局详解

CSS inline-block布局详解

因为进了新公司之后工作太忙,也可能因为自己还是职场小菜鸟,过了两个月了才算真正适应新公司的工作了。

哈哈,就像上次公司签下艾佛森当形象代言人时,台下的记着问艾佛森:有无打算来CBA打篮球,能不能适应CBA的节奏?然后艾佛森说:自己是一名职业运动员,而且是打了10多年的篮球的职业运动员了,不管什么样的比赛形式都能适应,唯一要关心的适不适应当地的风俗和文化。

当然艾佛森说回答记者这个问题是用英语的,

阅读更多»

IE css bug的罪恶根源——hasLayout(布局)

IE css bug的罪恶根源——hasLayout(布局)

由于各个浏览器的渲染CSS引擎不同,从而导致工程师们要写很多代码来解决很多兼容性的问题,在 css 不兼容上lE的 bug 比太多数浏览器都多。IE的与其他浏览器不同的原因之一是,IE的CSS渲染引擎使用一个称为布局(layout)的内部概念。很多的ie下的css bug都与其息息相关。所以理解这个概念以及它如何影响CSS是有捂助的。

什么是布局(layout)

“Layout”是一个 IE 的

阅读更多»

CSS清除浮动的方法详解

CSS清除浮动的方法详解

浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间,这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在布局过程中也经常会使用它来达到左右并排布局的效果。但是,由于浮动特性,容器如果没有明确设定高度,会依照普通流内元素高度设置,这样就会导致脱离普通流的浮动元素溢出容器,影响其后元素布局。

我们将现有已知的清楚浮动元素方法罗列下:

采用一个HTML标签,以及css

阅读更多»

CSS float与布局详解

CSS float与布局详解

学习CSS大家可能和我一样,都是自学,然后碰到问题,就度娘、谷哥找解决方案,最后虽然都能解决问题,但是久了之后总觉得哪里不对劲,总觉得少了什么。后来我看到W3C对各个属性的详细解释才发现少了什么:基本概念。就像看到有篇文章讲的一个经历:作者说自己面试了一个从事5年js工作的人,然后招至麾下,虽然她自认为javascript技能非常好,但是不久发现她这个手下其实对javascript知之甚少,虽然都

阅读更多»

CSS 三种定位方式以及格式化上下文详解

CSS 三种定位方式以及格式化上下文详解

CSS中影响布局的最重要因素便是定位体系,在布局时,根据三种定位体系定位可分为,常规流、浮动和绝对定位。

而格式化上下文指的是初始化元素定义的环境。包含两个要点,元素定义的环境初始化

在 CSS 中,元素定义的环境有两种,一种是块格式化上下文( Block formatting context ),另一种是行内格式化上下文( Inline formatting context )。 这两种上下

阅读更多»

IE、IE9、IE8、IE7、IE6的hack研究

IE、IE9、IE8、IE7、IE6的hack研究

随着IE不断出新版本,存在于用户电脑中的IE浏览器版本也越来越多,所以为了兼容这群IE小伙伴,hack手段有时是确必不可少的。虽然编写css代码时,尽量避免使用会出现hack的css代码,但是也不可能完全避免不写hack吧。so..搜集如下方法IE中的hack方法。

非条件注释 CSS | hack 法

IEhack

_:IE6专属hack
!importantIE6hack,ps:只有同时存

阅读更多»

1 2 下一页