web_lc的博客

背景图片设置元素的背景图片：background-iamge:url()注：URL地址既可以是相对地址也可以是绝对地址元素的背景占据了元素的全部尺寸，包括内边距，但是不包括外边距默认的，背景图像位于元素的左上角，并在水平和垂直方向上重复

层叠顺序（stacking level）与堆栈上下文（stacking context）知多少？z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。看看下面这题，定义两个 div A 和 B，被包括在同一个父 div 标签下。HTML结构如下：class="container"

关键选择器：选择器的最后面的部分为关键选择器（即用来匹配目标元素的部分）如果规则拥有ID选择器作为其关键选择器，则不要为规则增加标签。过滤掉无关的规则（这样样式系统就不会浪费时间去匹配它们）；提取项目的通用共有样式，增强可复用性，按模块编写组件；增项目的协同开发性，可维护性和可扩展性；使用预处理器或构建工具（gulp对css进行语法检查，自动补前缀，打包压缩，自动优雅奖级）；

作者：伯乐在线专栏作者 - chokcoco链接：http://web.jobbole.com/88197/开本系列，讨论一些有趣的 CSS 题目，抛开实用性而言，一些题目为了拓宽一下解决问题的思路，此外，涉及一些容易忽视的 CSS 细节。解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。

.transition{ /*渐进增强写法*/ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }.transition{ /*优雅降级*/　　 transition: all .5s;

CSS3 filter(滤镜) 属性定义和使用filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。默认值:none继承:no动画支持:是。详细可查阅 CSS 动画版本:CSS3JavaScript 语法:object.style.Web

counter-increment：设置某个选取器每次出现的计数器增量。默认增量是 1。counter-reset：重置某个选择器出现次数的计数器的值。可以为任意值，默认为 0。h1 {counter-increment:section;counter-reset:subsection;} //在遍历到h1时重置h2的计数器。h2 {counter-increme

img标签本身是个行内元素，所以当多个img排在一起时，它们之间如果有回车换行或者空格就会形成空隙，比如<span ><img src="./images/1.jpg" alt=""></span><span ><img src="./images/2.jpg" alt=""></span> <span ><img src="./images/3.jpg" alt=""></span><spa

BFC的理解与应用首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。什么是BFC（Block formatting contexts）w3c规范中的BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blo