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多年的篮球的职业运动员了,不管什么样的比赛形式都能适应,唯一要关心的适不适应当地的风俗和文化。

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

阅读更多»

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 )。 这两种上下

阅读更多»

css解决水平垂直居中对齐-样式解决方案仓库

css解决水平垂直居中对齐-样式解决方案仓库

前端工程师必备样式解决方案之css解决水平垂直居中对齐。大家肯定之前在网上收集到很多水平垂直居中的方法,今天我把这几种常见的方法列出来,看看这些方法各自的优缺点。

解决方法从前辈们那学来的,我只是将它们整理。而且将现代浏览器下的居中方法,为了支持IE6、IE7下的hack两者最优的hack方法结合。

方法1——利用line-height

[原理]我们知道只要将 line-height 和 hei

阅读更多»

css快速剪切图片的方法和clip属性介绍

css快速剪切图片的方法和clip属性介绍

很多blog网站文章摘要设置有有缩略图时,往往因为缩略图是提取文章内的图片,而导致缩略图不是太小就是太大,最终导致页面的不美观。其实有时我们想要展示的只是图片的一部分。所以今天我们讲讲讲利用css将大图快速剪裁成文章缩略图。

方法1——使用margin负边距

阅读更多»

1