u012038144的专栏

谢原博主转 CSS规则的执行顺序

(ps:盒子就是框，不同翻译而已)概念：    是用来处理文档并将它显示在视觉媒体上的机制盒模型：    处理文档时会为每一个元素生成相应的盒。    就是一套机制/模型，描述了盒子的内容占用空间组成，包含四块：外边距，边框，内边距，内容。    将元素描述为一个盒子，就能确定元素的大小，尺寸和属性，方便浏览器根据视觉视觉格式化模型机制来进行渲染。

转文请标明 --- 出处：穆乙 http://www.cnblogs.com/pigtail/一、BFC是什么？BFC（Block Formatting Context）直译为“块级格式化范围”。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，Block Formatting

原文链接CSS 预处理器是什么？一般来说，它们基于 CSS 扩展了一套属于自己的 DSL，来解决我们书写 CSS 时难以解决的问题：语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护。所以这就决定了 CSS 预处理器的主要目标：提供 CSS 缺失的样

原文链接css sprite原理优缺点及使用CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需 顾忌这个

原文链接无处不在的 CSS sptites － 为数不多的几个可以直接跳过”流行”这个过程，而可以马上并且牢牢地跻身于最佳 CSS 实践之中的几个技术之一。虽然它真正流行是在 A List Apart 解释并认可这个技术之后，但是早在 2003 年 7 月份，Peter Stanicek 就已经开始谈论它了。目前大多数的开发人员对这个技术都有相当地掌握，也有很多关于它的教程和文

平时写css的时候用的尺寸单位基本都是用px，在国内大多数网站通用的也大多是px，而px有哪些局限性呢？使用px定义字体的话无法用浏览器字体放大功能，还有在做响应式网页时，字体响应大小也非常不方便，最近在做响应式的wp主题也深刻体会到了，所以也就因为这样重新接触到了css另一个单位em，为什么说重新接触呢？因为在初学的时候就了解过，但这个了解也就停留在了只知道1em=16px，而为什么等于16px

background-attachment 属性决定用户滚动页面时图片的状态。三个可用属性为 scroll（滚动），fixed（固定） 和 inherit（继承）。inherit 单纯地指定元素继承他的父元素的 background-attachment 属性。为了正确地理解 background-attachment，首先需要明白页面（page）和视口（view port）是如何协作地。

CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持，IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Transform中的设置方法比较简单：只能选择透视方式，也就是近大远小的显示方式。镜头方向只能是平行Z轴向屏幕内，也就是从屏幕正前方向里看。可以调整镜头与平面位置：a) perspective属性

讲的简单明了，觉得挺好先拷yi'fen